NPM出现babel-loader版本冲突依赖树报错如何解决

• 使用React开发简单网页时，通过NPM安装Font Awesome包触发依赖树错误
• 按照报错提示的修复步骤操作时卡在第三步：项目package.json的dependencies、devDependencies配置中本身不存在babel-loader依赖，无法执行移除操作

该问题不属于Create React App本身缺陷，属于本地依赖环境异常需要自行修复。
Create React App内置的react-scripts包强依赖指定版本：babel-loader@8.0.4，包管理器会自动安装匹配版本，无需手动操作。
当前依赖树上层检测到版本不兼容的babel-loader：路径为C:\Users\happy\node_modules\babel-loader，版本号为8.2.5，手动安装的不兼容版本会引发难以定位的运行问题。

1. 删除项目文件夹内的package-lock.json（注意不要误删核心配置文件package.json）、yarn.lock锁文件
2. 删除项目文件夹内的node_modules依赖目录
3. 移除项目package.json中dependencies、devDependencies配置项里的babel-loader条目
4. 根据使用的包管理器执行npm install或yarn，重新拉取匹配版本的依赖

标准流程无效时的备选排查方向

• 若使用npm作为包管理器，可换用yarn重复上述安装步骤，npm存在已知的依赖提升问题，部分场景下换包管理器可直接解决
• 确认检测到的8.2.5版本babel-loader是否存放在项目目录外，通常是误在用户主目录执行npm安装命令生成了冗余依赖
• 在项目根目录执行npm ls babel-loader，可排查除react-scripts外，是哪一个第三方包引入了不匹配版本的babel-loader
• 若所有方案都不生效，可在项目根目录的.env文件中添加配置SKIP_PREFLIGHT_CHECK=true，永久跳过启动前的依赖版本预检，该操作会关闭版本校验但可能引发其他未知问题

你遇到的问题核心原因是：不匹配版本的babel-loader根本不在你的项目配置里，而是存放在报错提示的C:\Users\happy\node_modules路径下，也就是Windows用户主目录下的冗余依赖文件，是之前误操作在home目录执行npm安装命令生成的，之前的操作只清理了项目内的文件，没有清理这个上层目录的冗余依赖，自然找不到要删除的配置项。
按以下顺序操作即可解决：

• 打开资源管理器进入C:\Users\happy\路径，找到该目录下的node_modules文件夹、package-lock.json文件，直接删除。注意不要误删该目录下的其他个人文件，只删这两个和npm依赖相关的内容即可。
• 回到你的React项目根目录，确认之前已经删除了项目内的node_modules、package-lock.json文件，重新执行npm install安装项目基础依赖。
• 基础依赖安装完成后，重新执行Font Awesome包的安装命令即可正常安装。
• 如果操作完成后依然弹出相同报错，直接使用兜底方案：在项目根目录新建名为.env的纯文本文件，在文件内写入一行SKIP_PREFLIGHT_CHECK=true，保存后重新执行安装命令即可，新手开发简单网页场景下该方案几乎不会产生负面影响。

内容的提问来源于stack exchange，提问作者Dahee Jo