使用带有babel和babel-preset-react和babel-preset-es2015的webpack

Question

我试图反编译我的react / es6代码并且来自browserify。我正在努力创建一个webpack版本，因为新的babel 6版本以及大多数教程现在已经过时的事实。 这适用于我的.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'
      }
   ]
  }
};

有什么明显的东西我不见了吗？我也交换了预设的顺序，它似乎没有什么区别。我的节点模块中有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

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