Babel：检测到重复的插件/预设错误答案

【问题标题】：Babel : duplicate plugin/preset error detectedBabel：检测到重复的插件/预设错误
【发布时间】：2020-10-16 08:50:18
【问题描述】：

我正在做关于前端大师的反应课程，我们不得不修改 babel 配置以允许在类组件中像：state = {index: 0} 这样的状态实例化，但是在运行命令时：
@987654322 @
，并在根目录下创建一个.babelrc文件并修改如下：
{ "presets": ["@babel/preset-react", "@babel/preset-env"], "plugins": ["@babel/plugin-proposal-class-properties"] }.
我收到以下错误：

/home/rahat/Documents/react_adopt_me/src/App.js: 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'],
      ]
    
    Duplicates detected are:
    [
      {
        "alias": "/home/rahat/Documents/react_adopt_me/src/node_modules/@babel/plugin-proposal-class-properties/lib/index.js",
        "dirname": "/home/rahat/Documents/react_adopt_me/src",
        "ownPass": false,
        "file": {
          "request": "@babel/plugin-proposal-class-properties",
          "resolved": "/home/rahat/Documents/react_adopt_me/src/node_modules/@babel/plugin-proposal-class-properties/lib/index.js"
        }
      },
      {
        "alias": "base$2",
        "options": {
          "loose": "#__internal__@babel/preset-env__prefer-false-but-true-is-ok-if-it-prevents-an-error"
        },
        "dirname": "/home/rahat/Documents/react_adopt_me/src",
        "ownPass": false
      }
    ]

【问题讨论】：

标签： javascript json reactjs babeljs

【解决方案1】：

我认为这可能是节点版本问题。

如果您想要快速修复，请通过以下方式卸载 plugin-proposal-class-properties：

npm 卸载 @babel/plugin-proposal-class-properties

然后禁用/删除 .babelrc 中的插件：

{
    "presets": ["@babel/preset-react", "@babel/preset-env"]
    //"plugins": ["@babel/plugin-proposal-class-properties"]
}

清除缓存：

npm run clear-build-cache

然后再次运行服务器。

【讨论】：