关于npm和yarn同时使用导致依赖冲突

问题的出现

报错的起因是希望在vue2的项目里直接全局导入element-ui，但是按照element-ui官网的安装方式

npm i element-ui -S

出现了报错

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @vue/eslint-config-standard@6.1.0
npm ERR! Found: eslint-plugin-vue@8.7.1
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   dev eslint-plugin-vue@"^8.0.3" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR! node_modules/@vue/eslint-config-standard
npm ERR!   dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: eslint-plugin-vue@7.20.0
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR!   node_modules/@vue/eslint-config-standard
npm ERR!     dev @vue/eslint-config-standard@"^6.1.0" 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:
npm ERR! /Users/xxy/.npm/_logs/2023-09-12T13_22_11_845Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/xxy/.npm/_logs/2023-09-12T13_22_11_845Z-debug-0.log

根据日志信息，这个错误是由于依赖冲突导致的。

1.清理 npm 缓存：运行以下命令清理 npm 缓存。

npm cache clean --force

2.使用 --legacy-peer-deps 参数：运行以下命令安装 Element UI，并使用 --legacy-peer-deps 参数来接受冲突的依赖解析。

npm install element-ui -S --legacy-peer-deps

3.升级或降级依赖版本

根据错误信息中提到的依赖版本要求，可以尝试升级或降级相关依赖版本，以解决依赖冲突。

手动解决依赖冲突

如果以上方法都没有解决问题，可以手动检查和解决依赖冲突。首先，运行以下命令列出所有已安装的 eslint-plugin-vue 包的版本：

npm list eslint-plugin-vue

然后，根据列出的版本信息，手动更新或删除相关的依赖包，直到解决冲突。

我对问题的解决方法

查看两者是否存在依赖冲突

npm ls

yarn list

出现了一个错误提示 “No lockfile in this directory. Run yarn install to generate one.”。
这是因为该项目目录中缺少 yarn.lock 文件，它是锁定依赖版本的文件。解决方法是运行 yarn install 命令，它会根据 package.json 安装项目的依赖，并生成 yarn.lock 文件。

• 对于 Yarn，运行 yarn install 命令。这将基于 yarn.lock 或 package.json 来安装依赖项并生成 yarn.lock 文件。

• 对于 npm，运行 npm install 命令。这将基于 package-lock.json 或 package.json 来安装依赖项并生成 package-lock.json 文件