526互联

前端项目npm install安装报错：code ERESOLVE ERESOLVE could not resolve

发布时间 2023-09-13 09:19:44作者: 蜀道，难

背景：使用npm 安装依赖的时候，发现报了如下的错误：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: vue-admin-template@3.8.0
npm ERR! Found: html-webpack-plugin@4.0.0-alpha
npm ERR! node_modules/html-webpack-plugin
npm ERR!   dev html-webpack-plugin@"4.0.0-alpha" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer html-webpack-plugin@"^3.0.0" from script-ext-html-webpack-plugin@2.0.1
npm ERR! node_modules/script-ext-html-webpack-plugin
npm ERR!   dev script-ext-html-webpack-plugin@"2.0.1" from the root project

原因：组件库所使用的依赖库版本和本地安装版本不一致才导致的这个问题，就是依赖冲突。

解决：

在命令后面加上：--legacy-peer-deps，即下面这条指令：

npm install --legacy-peer-deps

--legacy-peer-deps的作用是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。

如果上面那条命令也失效，也可以试试这条：

npm install --force