【npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree】

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

当我们拿到一个前端项目的时候,想要把它运行起来,首先是要给它安装依赖,即cd到当前项目根目录,然后有一定几率遇到这样的报错:

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

翻译一下就是:不能解析依赖树,需要先修复上面的依赖关系冲突或者重新执行一下npm install 命令,后面跟--force或者--legacy-peer-deps去接受不正确的(并可能被破坏的)依赖解析。

根据他的建议,我们去执行了命令之后,在你发现依赖安装好了之后,并不是所有项目都会乖乖听话,有些"顽固"项目依旧会报上面的错误,这时,就应该去看一下npm 版本了,npm@7与ERESOLVE有关的问题比较常见,这是因为npm7.x于某些事情要比npm6.x更加严格,通常解决办法就是使用--force--legacy-peer-deps可解决这种情况。

  • --force 会无视冲突,并强制获取远端npm库资源,当有资源冲突时覆盖掉原先的版本。

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

建议用--legacy-peer-deps 比较保险一点:

shell 复制代码
npm install --legacy-peer-deps

或者使用npm@6

如果这些办法都不能起到作用的话,可以把项目中的node_modules和package-lock.json删除,它们会被重新创建。

注意:使用npm@6不需要卸载npm@7,可以使用npx去指定npm版本。

如下:npx -p npm@6 npm install --legacy-peer-deps


参考连接:

https://juejin.cn/post/7439392864855392266

https://blog.csdn.net/qq_63743780/article/details/140237618

相关推荐
Jonathan Star1 天前
沉浸式雨天海岸:用A-Frame打造WebXR互动场景
前端·javascript
工业甲酰苯胺1 天前
实现 json path 来评估函数式解析器的损耗
java·前端·json
老前端的功夫1 天前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
LilySesy1 天前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
Wang's Blog1 天前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希1 天前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
用户47949283569151 天前
JavaScript 的 NaN !== NaN 之谜:从 CPU 指令到 IEEE 754 标准的完整解密
前端·javascript
群联云防护小杜1 天前
国产化环境下 Web 应用如何满足等保 2.0?从 Nginx 配置到 AI 防护实战
运维·前端·nginx
醉方休1 天前
Web3.js 全面解析
前端·javascript·electron
前端开发爱好者1 天前
前端新玩具:Vike 发布!
前端·javascript