webpack版本不兼容导致React项目执行npm start启动失败求助

根因说明 #

你遇到的问题根源并非项目内的依赖配置错误，是用户根目录（C:\Users\virgi\）下意外安装了webpack 5.52.1版本。Node.js加载依赖时会从当前目录开始向上逐层查找，上层目录的高版本webpack优先级更高，因此和create-react-app自带的react-scripts要求的webpack 4.44.2版本产生冲突。你之前尝试的前4步仅处理项目内依赖，自然无法解决问题。

永久修复步骤（按顺序执行即可） #

• 打开C:\Users\virgi\目录，删除该目录下的node_modules文件夹、package.json文件、package-lock.json文件。该目录下的这三个文件是你之前误在用户根目录执行npm install生成的，删除不会影响系统或其他软件的正常运行
• 回到你的React项目文件夹，删除项目内的node_modules文件夹和package-lock.json文件
• 在项目目录下执行npm install重新安装所有依赖
• 执行npm start即可正常启动项目

临时应急方案（不推荐长期使用） #

如果暂时不想处理根目录的依赖问题，可以在项目根目录新建名为.env的文件，写入如下内容：

SKIP_PREFLIGHT_CHECK=true

保存后重新执行npm start即可跳过依赖版本检查，但该方案可能会埋下其他依赖冲突的隐患，仅适合临时应急使用。

内容的提问来源于stack exchange，提问作者V.S.Tagliavini