首页 文章

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

提问于
浏览
8

我正在尝试反编译我的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 .

4 回答

  • 0

    我有同样的问题,在删除node_modules目录并重新安装所有依赖项之后,似乎已经消失了 .

  • 0

    如果我是你,我会从这里开始 . 这将为您提供一个非常小的React模板,您可以在其中进行反向工程并开始学习如何在Webpack构建中使用React . React Boilerplate这对于快速轻松地入门非常有用,同时学习webpack以获得您将使用它的内容 . 我总是发现webpack文档很难找出我需要的东西 . 我希望这有帮助 .

  • 12

    我解决了这个问题由nvm,即使我重新安装npm几次无用 . 我将节点版本更改为5然后它将很好,我已经在5节点环境中了 . 这是想象 .

  • 0

    我遇到过同样的问题 . 事实证明,我正在将一个原型方法添加到已经存在的类“Object”中 .

相关问题