javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

Question

我正在尝试转换编译我的 react/es6 代码并且来自 browserify。由于新的 babel 6 版本以及大多数教程现在已经过时的事实，我正在努力创建一个 webpack 构建。 这适用于我的 .babelrc:

{
  "presets": ["react"]
}

但是当我把它改成这样的时候:

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

它抛出这个神秘的错误: ./client/App.js 中的错误 模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者，但它不是有效类型

如果有帮助的话，这是我的 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 目录并重新安装所有依赖项后，它似乎已经消失了。