ERESOLVE unable to resolve dependency tree

转载自：
Maple13 的 blog 的文章ERESOLVE unable to resolve dependency tree

报错现象

1. npm ERR! code ERESOLVE

2. npm ERR! ERESOLVE unable to resolve dependency tree

3. npm ERR!

4. npm ERR! While resolving: ant-design-pro@4.1.0

5. npm ERR! Found: react@16.14.0

6. npm ERR! node_modules/react

7. npm ERR! react@"^16.8.6" from the root project

8. npm ERR!

9. npm ERR! Could not resolve dependency:

10. npm ERR! peer react@"^15.0.0" from react-fittext@1.0.0

11. npm ERR! node_modules/react-fittext

12. npm ERR! react-fittext@"^1.0.0" from the root project

13. npm ERR!

14. npm ERR! Fix the upstream dependency conflict, or retry

15. npm ERR! this command with --force, or --legacy-peer-deps

16. npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

17. npm ERR!

18. npm ERR! See C:\Users\issuser\AppData\Local\npm-cache\eresolve-report.txt for a full report.

20. npm ERR! A complete log of this run can be found in:

21. npm ERR! C:\Users\issuser\AppData\Local\npm-cache\_logs\2021-06-10T07_34_08_028Z-debug.log

出现原因

升级 npm 至 v7.6.2 后, 运行 npm i 安装依赖，报错 ERESOLVE unable to resolve dependency tree

环境

• node: 16.3.0
• npm: 7.6.2
• React项目

错误原因

等依赖项中存在无法解决的冲突，npm@7 现在尝试安装它们，而npm@6没有。

解决方案

使用 npm i --legacy-peer-deps

参考

[BUG] ERESOLVE无法解析依赖关系树（postcss-load-config，svelte-preprocess）
npm 7 is now generally available!