React 项目问题：[eslint] Plugin “react“ was conflicted between “package.json » eslint-config-react-app »

• 在 React 项目中，启动项目，出现如下错误信息

[eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\Administrator\Desktop\MyReact\react_staging\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\Administrator\Desktop\MyReact\react_staging\node_modules\.pnpm\eslint-config-react-app@7.0_d9585263217048e265c89aee68a683ae\node_modules\eslint-config-react-app\base.js".

问题原因

1. ESLint 在加载 React 插件时，发现了两个不同的路径指向同一个插件

# 第一个路径，通过 package.json C:\Users\Administrator\Desktop\MyReact\react_staging\node_modules\eslint-config-react-app\base.js

# 第二个路径，通过 BaseConfig C:\Users\Administrator\Desktop\MyReact\react_staging\node_modules\.pnpm\eslint-config-react-app@7.0_d9585263217048e265c89aee68a683ae\node_modules\eslint-config-react-app\base.js

2. 项目中混用了两种包管理方式，部分依赖通过 npm 直接安装在node_modules目录，部分依赖通过 pnpm 管理，在.pnpm目录

3. 导致 ESLint 认为同一个插件被安装了两次，产生了冲突

处理策略

• 选择一个包管理器并保持一致，删除旧的node_modules目录，重新安装依赖