项目场景：
使用npm或yarn安装第三方包。
问题描述
使用npm命令和yarn命令混合使用会出现安装包冲突。
E:\WorkSpace\react\zhuangao_05\dome_01>npm i echarts echarts-for-react
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @jiaminghi/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@">=16.0.0" from @ant-design/[email protected]
npm ERR! node_modules/@ant-design/cssinjs
npm ERR! @ant-design/cssinjs@"^1.3.0" from [email protected]
npm ERR! node_modules/antd
npm ERR! antd@"^5.0.4" from the root project
npm ERR! peer react@">=16.0.0" from @ant-design/[email protected]
npm ERR! node_modules/@ant-design/icons
npm ERR! @ant-design/icons@"^4.7.0" from [email protected]
npm ERR! node_modules/antd
npm ERR! antd@"^5.0.4" from the root project
npm ERR! @ant-design/icons@"^4.8.0" from the root project
npm ERR! 53 more (@ant-design/react-slick, @rc-component/portal, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from @jiaminghi/[email protected]
npm ERR! node_modules/@jiaminghi/data-view-react
npm ERR! @jiaminghi/data-view-react@"^1.2.5" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@"^16.8.0" from @jiaminghi/[email protected]
npm ERR! node_modules/@jiaminghi/data-view-react
npm ERR! @jiaminghi/data-view-react@"^1.2.5" 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! See C:\Users\86158\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\86158\AppData\Local\npm-cache\_logs\2023-01-09T06_13_18_485Z-debug-0.log
原因分析：
如果将
yarn.lock和package.lock文件放在一起，有时会变得很困难，因为存在不同步的风险
yarn install安装生成的yarn.lock文件 与npm install生成的package-lock.json文件时间相差较远，造成了yarn.lock的包版本低于package-lock.json的包版本。因为以 ?x.x.x 形式定义的包版本在不同时期安装包版本不一致。
yarn安装 @babel/preset-env 版本有： “7.5.5”, “^7.4.5”，实际安装的 version 是 “7.5.5”。
npm与yarn安装包不一致
纱线和npm是可以互换的。只要你每次都使用相同的一个，它们之间就没有区别。它们有不同的安装目录，这就是它们不能一起使用的原因。Yarn会安装一个包，npm找不到它。npm会安装一个包，yarn找不到它
解决方案：
1、npm i xxx --legacy-peer-deps
使用
npm i xxx --legacy-peer-deps，命令来安装依赖！
为什么？作用？
npm install xxxx --legacy-peer-deps命令与其说是告诉npm要去干什么，不如说是告诉npm不要去干什么。
legacy的意思：遗产/（软件或硬件）已过时但因使用范围广而难以替代的；而npm install xxxx --legacy-peer-deps命令用于绕过peerDependency里依赖的自动安装；它告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题，以npm v3-v6的方式去继续执行安装操作。
所以其实该命令并没有真的解决冲突，而是忽略了冲突，以“过时”（v3-v6）的方式进行下载操作。
2、删除所有关于npm安装依赖的文件
删除之后再重新npm i ，安装需要的第三方包
为了防止冲突文件，所以使用一致的命令来安装第三方库。