使用Webpack4、Babel、React生成模块失败

Question

我不断地发现错误：

 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'],
  ]

这是我的宝贝，它所要求的改变：

{
"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。请让我知道，如果一切看起来都好，这与反应。

Answer 1

就像错误上说的:你有一个副本。["@babel/plugin-transform-react-display-name"]在你的“插件”数组中出现了两次。把其中一个删掉。

这么说吧:看看预置反应中已经包含了什么(预置是预定义的插件包)。所有这些插件都已经包括在内了(尽管“”是一个选项的后面)。