Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用带有babel和babel preset react以及babel-preset-es2015的网页_Javascript_Reactjs_Webpack_Babeljs - Fatal编程技术网

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

Javascript 使用带有babel和babel preset react以及babel-preset-es2015的网页,javascript,reactjs,webpack,babeljs,Javascript,Reactjs,Webpack,Babeljs,我正在尝试转换我的react/es6代码,我来自browserify。我正在努力创建一个网页包,因为新的巴别塔6版本,而且大多数教程现在都过时了。 这在my.babelrc中起作用: { "presets": ["react"] } 但当我把它改成这个: { "presets": ["es2015", "react"] } 它抛出了一个神秘的错误: ./client/App.js中的错误 模块生成失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但该类型无效

我正在尝试转换我的react/es6代码,我来自browserify。我正在努力创建一个网页包,因为新的巴别塔6版本,而且大多数教程现在都过时了。 这在my.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和网页包。

如果我是你,我会从这里开始。这将为React提供一个非常简单的模板,您可以在其中进行反向工程,并开始学习如何在网页包构建中使用React。这对于快速轻松地入门非常有用,同时还可以学习网页,了解如何使用它。我总是发现很难找到我需要的网页文档。我希望这能有所帮助。

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

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

我也有同样的问题。原来我是在给已经存在的类“Object”添加一个原型方法。

你看到github repo的功能了吗?哇,这对我来说真的很有用。这是某种npm安装错误还是其他什么?我以前从未遇到过这个问题。老实说,我不知道,但我记得不久前遇到了另一个babel bug,删除了node_模块并重新安装了所有修复了它的东西。所以它似乎与babel有些关联。在我重新安装了
babel cli
npm-g卸载babel cli&&npm-g安装babel cli