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

这是我的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为webpack4配置反应应用程序。请让我知道，如果一切看起来很好，可以使用。

Answer 1

就像错误说的那样：你有重复。 ["@babel/plugin-transform-react-display-name"]在你的“插件”阵列中两次。只需删除其中一个。

---

话虽如此：看看preset-react中已经包含的内容（预设是一个预定义的插件包）。所有这些插件都已包含在内（尽管“plugin-transform-react-react-jsx-self”是一个选项。）