You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

创建React应用遇Plugin "react"与eslint-config-react-app冲突问题求助

解决React应用中ESLint "Plugin 'react' was conflicted" 反复出现的问题
  • 清除依赖缓存后重装
    先执行npm cache clean --force清空npm缓存,接着删除项目里的node_modules文件夹和package-lock.json文件,最后运行npm install重新安装所有依赖。用yarn的话就删除yarn.lock,执行yarn install即可。

  • 锁定eslint-plugin-react版本
    打开package.json,在devDependencies里明确添加eslint-plugin-react的指定版本,版本号要和eslint-config-react-app依赖的版本保持一致(可以查看node_modules/eslint-config-react-app/package.json里标注的react插件版本)。示例:

    "devDependencies": {
      "eslint-plugin-react": "^7.32.2"
    }
    

    添加后重新安装依赖,强制统一版本以避免冲突。

  • 临时禁用ESLint缓存排查
    修改package.json里的启动脚本,加上禁用ESLint的参数:

    "scripts": {
      "start": "DISABLE_ESLINT_PLUGIN=true react-scripts start"
    }
    

    启动项目观察是否还会反复报错,如果问题消失,说明是ESLint缓存导致的冲突,后续可以删除.eslintcache文件清理缓存,再恢复ESLint的正常使用。

  • 更新react-scripts到最新版
    运行npm update react-scripts将react-scripts更新到最新稳定版,官方通常会修复这类依赖版本冲突的bug。

内容的提问来源于stack exchange,提问作者kiosso andre

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 18:18:30