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”。啊,好的,谢谢您,我在查找预设时完全误读了它