npm安装软件：ERESOLVE unable to resolve dependency tree

npm版本问题报错的解决方案

在安装项目依赖时，很大可能会遇到安装不成功的问题，其中有一个很大的原因，可能就是因为你的npm版本导致的。

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

2.ERESOLVE unable to resolve dependency tree

报错信息如下：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: djangomall@1.0.0
npm ERR! Found: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^4.43.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@">=5" from babel-loader@9.1.2
npm ERR! node_modules/babel-loader
npm ERR!   dev babel-loader@"*" 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!
npm ERR! For a full report see:

1、报错原因

在新版本的npm中，默认情况下，npm install遇到冲突的peerDependencies时将失败。

2、解决办法

使用–force或–legacy-peer-deps可解决这种情况。

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

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

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

在终端输入

npm install --legacy-peer-deps

 npm install --save-dev @babel/core @babel/preset-env @babel/preset-react babel-loader 
 --legacy-peer-deps