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为React应用程序配置webpack4。请让我知道是否一切正常，以便对此做出反应。

Answer 1

就像错误提示：您有重复项。 ["@babel/plugin-transform-react-display-name"]在您的“插件”数组中两次。只需删除其中之一即可。

这样说：看看preset-react中已经包含的内容（预设是一组预定义的插件）。所有这些插件都已包括在内（尽管“ plugin-transform-react-jsx-self”位于选项后面）。

使用Webpack4，Babel，React进行模块构建失败

1 个答案: