Reactjs 使用Webpack4、Babel和React生成模块失败
我不断得到错误:Reactjs 使用Webpack4、Babel和React生成模块失败,reactjs,babeljs,webpack-4,Reactjs,Babeljs,Webpack 4,我不断得到错误: Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Duplicate plugin/preset detected. If you'd like to use two separate instances of a plugin, they need separate names, e.g. plugins: [ ['some-plugin', {}],
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Duplicate plugin/preset detected.
If you'd like to use two separate instances of a plugin,
they need separate names, e.g.
plugins: [
['some-plugin', {}],
['some-plugin', {}, 'some unique name'],
]
这是我的babelrc,它要求进行更改:
{
"presets": [
["@babel/env"],
["@babel/preset-react"]
],
"plugins": [
["@babel/plugin-syntax-jsx"],
["@babel/plugin-transform-react-jsx"],
["@babel/plugin-transform-react-display-name"],
["@babel/plugin-transform-react-jsx-self"],
["@babel/plugin-transform-react-display-name"]
]
}
我不确定我在哪里有错误的文件语法。这也是我第一次使用babel为react应用程序配置webpack4。请告诉我是否一切正常,以便使用react。如错误所示:您有一个副本<代码>[“@babel/plugin-transform-react-display-name”]在“plugins”数组中出现两次。只需删除其中一个
话虽如此:看看已经包含了什么(预设是一个预定义的插件包)。所有这些插件都已经包含在内(虽然“plugin transform react jsx self”后面有一个选项。)我在您的列表中看到了两次“plugin transform react display name”。啊,好的,谢谢您,我在查找预设时完全误读了它