报错npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree报错解决办法

最新推荐文章于 2025-06-25 21:10:18 发布

况几

最新推荐文章于 2025-06-25 21:10:18 发布

阅读量2.3w

点赞数 28

CC 4.0 BY-SA版权

分类专栏：学习记录文章标签： npm webpack 前端

本文链接：https://blog.youkuaiyun.com/angrynouse/article/details/125325027

学习记录专栏收录该内容

20 篇文章

订阅专栏

这篇博客主要介绍了如何处理npm安装时遇到的依赖冲突错误，包括检查npm和node版本、降低npm版本、删除node_modules和package-lock.json文件，以及重新安装依赖的方法。通过这些步骤，可以解决如'npm ERR! ERESOLVE unable to resolve dependency tree'这类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错如下：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: webpackdemo@1.0.0
npm ERR! Found: webpack@5.73.0
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^5.73.0" from the root project
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from optimize-css-assets-webpack-plugin@6.0.1
npm ERR! node_modules/optimize-css-assets-webpack-plugin
npm ERR!   dev optimize-css-assets-webpack-plugin@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! for a full report.

解决：

1. 查看版本

//  win+r 命令行输入以下代码查看版本
npm -v
node -v

对应版本号图片

2.降低npm版本

因为高版本的比低版本的严格，所以会报错

//  win+r 命令行输入以下代码
npm install npm@6.14.10 -g

降低npm版本，再次查询

3.项目中删除文件

将项目中的node-modules文件夹和package-lock.json文件删除。
在这里插入图片描述

4.重新在项目中引入需要的配置

项目根目录下命令行：npm install
即可自动生成步骤3 中删除的两个文件

5. 参考博客

https://blog.youkuaiyun.com/m0_51969330/article/details/119186416
https://blog.youkuaiyun.com/m0_67391521/article/details/123425411