使用带有babel和babel preset react以及babel-preset-es2015的网页

Question

我试图转编译我的反应/es6代码，我来自浏览器。我正在努力创建一个webpack构建，因为新的Babel 6版本和大多数教程现在已经过时的事实。这在我的. babelrc中工作：

{
  "presets": ["react"]
}

但当我把它改成这个：

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

它抛出了这个神秘的错误：ERROR in./Client/App.js模块构建失败：错误：您给了我们一个节点类型“数字”的访问者，但它不是有效的类型

这是我的网页包。配置。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

我通过nvm解决了这个问题，尽管我用npm重新安装了好几次。我将节点版本更改为5，然后它将运行良好，尽管我已经在5节点环境中。想象一下。

Answer 2

如果我是你，我会从这里开始。这将为您提供一个非常小的React模板，您可以在其中进行逆向工程，并开始学习如何在webpack构建中使用React。反应样板这对于快速轻松地开始非常有用，同时学习webpack，了解您将如何使用它。我总是发现webpack留档很难弄清楚我需要什么。我希望这能有所帮助。

Answer 3

我也遇到过同样的问题，在我删除了node_modules目录并重新安装了所有依赖项之后，它似乎已经消失了。