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

Using webpack with babel and babel-preset-react and babel-preset-es2015

本文关键字：babel webpack react babel-preset-es2015      更新时间：2023-09-26

我正在尝试transcompile我的react/es6代码，它来自browserfy。我正在努力创建一个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、babelpreset react和webpack。

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

如果我是你，我会从这里开始。这将为您提供一个非常简单的React模板，您可以在其中进行逆向工程，并开始学习如何在webpack构建中使用React。React Boilerplate这对于快速轻松地入门非常有用，同时学习如何使用webpack。我一直发现webpack文档很难满足我的需求。我希望这能有所帮助。

我通过nvm解决了这个问题，尽管我通过npm重新安装了好几次都没有用。我将节点版本更改为5+，然后它会很好，尽管我已经在5+节点环境中了。那就是想象。

我遇到了同样的问题。事实证明，我正在向已经存在的类"Object"添加一个原型方法。

相关文章：