使用webpack与babel和babel-preset-react和babel-preset-es2015

Question

我正在尝试反编译我的react/es6代码，并且来自browserify。由于新的babel 6版本以及大多数教程已经过时，我正在努力创建一个webpack版本。 这工作我.babelrc：

{ 
    "presets": ["react"] 
} 

但是当我把它改成这样：

{ 
    "presets": ["es2015", "react"] 
} 

它抛出这个神秘的错误： ERROR in ./client/App.js Module build failed: Error: You gave us a visitor for the node type "NumericLiteral" but it's not a valid type

这是我webpack.config.js如果有帮助的话：

module.exports = { 
    entry: "./client/App.js", 
    output: { 
    filename: "public/bundle.js" 
    }, 
    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel' 
     } 
    ] 
    } 
}; 

是t这里有什么明显的我失踪了？我也交换了预设的顺序，它似乎没有什么区别。我的节点模块中有babel-core，babel-loader，babel-preset-es2015，babel-preset-react和webpack。

Answer 1

我有同样的问题，它似乎已删除node_modules目录并重新安装所有的依赖关系后消失。

Answer 2

如果我是你，我会从这里开始。这将为您提供React的最小模板，您可以在其中反向工程并开始学习如何在webpack构建中使用React。 React Boilerplate这对于快速入门非常有用，同时学习webpack的使用方法。我一直发现webpack文档很难找出我需要的东西。我希望这有帮助。

Answer 3

我解决了这个问题的nvm，即使我重新安装npm多次无用。 我将节点版本更改为5+，那么它将很好地支持我已经在5+节点环境中。 这是想象。

Answer 4

我有同样的问题。事实证明，我正在为已经存在的类“对象”添加一个原型方法。