Javascript 使用带有babel和babel preset react以及babel-preset-es2015的网页
我正在尝试转换我的react/es6代码,我来自browserify。我正在努力创建一个网页包,因为新的巴别塔6版本,而且大多数教程现在都过时了。 这在my.babelrc中起作用: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”的访问者,但该类型无效
{
"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
)