创建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
相关产品推荐
相关产品推荐

