React项目编译报错：eslint-plugin-react冲突问题求助

核心原因 #

你遇到的冲突并非存在重复文件，而是ESLint加载配置时，从两个不同入口（package.json 中的 eslint-config-react-app 和项目的BaseConfig）重复引用了同一个eslint-config-react-app/base.js里的React插件，触发了加载冲突。直接删除文件只会破坏项目依赖结构，解决不了根本问题。另外报错里的两个路径实际指向同一个文件（Windows文件系统不区分大小写，desktop和Desktop是同一目录），不存在两个独立的重复文件。

具体修复步骤 #

• 清理依赖并重新安装
  先清除现有依赖和锁文件，排除缓存导致的依赖异常：

  rm -rf node_modules package-lock.json yarn.lock
  npm install
  

  Windows系统可替换为：

  rmdir /s /q node_modules
  del package-lock.json yarn.lock
  npm install
  

• 检查并合并ESLint配置
  查看项目根目录下的.eslintrc.js、.eslintrc.json或.eslintrc文件，以及package.json中的eslintConfig字段，确保没有同时继承react-app和自定义BaseConfig中重复的React插件配置。比如如果.eslintrc.json中有：

  {
    "extends": ["react-app", "./BaseConfig"]
  }
  

  可去掉其中重复的配置项，仅保留"extends": ["react-app"]即可（eslint-config-react-app已包含React插件的完整配置）。

• 重置ESLint配置（极端情况）
  若以上方法无效，直接重置项目的ESLint配置：

  npx eslint --init
  

  按照向导选择React项目类型，生成新的配置覆盖原有冲突项。

内容的提问来源于stack exchange，提问作者maaz-anwer