Vue项目中Webpack 4版本npm安装陷入无限循环问题求助

• 清理npm缓存后重新安装
  执行命令彻底清理缓存，避免缓存中留存的依赖冲突引发异常：

  npm cache clean --force
  

  接着删除项目根目录下的node_modules文件夹、package-lock.json文件（若使用yarn则删除yarn.lock），再重新执行安装命令：

  npm install webpack@4 --save-dev
  

• 指定Webpack 4的具体稳定版本
  仅使用webpack@4可能导致npm在解析兼容版本时陷入循环，直接指定Webpack 4系列的稳定收尾版本：

  npm install webpack@4.46.0 --save-dev
  

  该版本兼容性较强，能避免多数版本解析问题。

• 排查项目现有依赖冲突
  执行命令查看当前项目中Webpack相关的依赖链情况：

  npm ls webpack
  

  若输出显示存在多版本Webpack或依赖链中有强制要求高版本Webpack的包，需手动降级这些冲突依赖到兼容Webpack 4的版本。

• 使用--legacy-peer-deps参数绕过严格peer依赖检查
  npm 7及以上版本默认启用严格的peer依赖校验，可能引发依赖解析循环，添加该参数可绕过此限制：

  npm install webpack@4 --save-dev --legacy-peer-deps
  

• 切换至yarn进行安装
  若npm的依赖解析逻辑存在异常，尝试用yarn替代：
  删除node_modules和对应lock文件后，执行：

  yarn add webpack@4 --dev
  

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