vue3项目npm install安装报错“npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve”

最简单粗暴的方法：

npm i --legacy-peer-deps

具体原理可查看这篇文章：npm install xxxx --legacy-peer-deps命令是什么？

--------------------------原答案-----------------------------------------
报错：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   vue@"^3.0.5" from the root project
npm ERR!   peer vue@"3.1.x" from [email protected]
npm ERR!   node_modules/element-plus
npm ERR!     vue-router@"^4.0.6" from the root project
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\blackcat\AppData\Local\npm-cache\eresolve-report.txt for a full report.        

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\blackcat\AppData\Local\npm-cache\_logs\2022-07-04T07_05_20_170Z-debug-0.log  

其实就是版本不兼容导致的，可能是因为npm版本太高，而安装的vue版本过低。

解决方法也很简单，一个是使用npm安装项目每个部件对应版本，还有一个是修改自己项目版本。

第一个方法过于麻烦且没有必要，我选择修改自己项目版本，所有部件版本都使用最新版(需要注意查看新版本是否与自己项目的老版本兼容，比如vue2和vue3就不兼容)

打开package.json文件，可以看到自己项目的各个部件版本，鼠标放到部件上，也能预览最新版本，逐个修改即可