npm安装依赖冲突报错npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! /Cannot read properties

在拉下来大家共同协作的项目后安装依赖时，经常因为包版本不兼容冲突报错。

昨天两个项目遇到的两种报错信息都是同一种解决方法

原报错信息1：

npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vue-highcharts@0.2.0 npm ERR! Found: vue@2.6.14 npm ERR! node_modules/vue npm ERR! vue@"^2.6.11" from the root project npm ERR! peerOptional vue@"^2 || ^3.0.0-0" from @vue/babel-preset-app@4.5.13 npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^4.5.13" from @vue/cli-plugin-babel@4.5.13 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~4.5.0" from the root project npm ERR! 3 more (element-ui, highcharts-vue, vuex) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@">=3" from vue-highcharts@0.2.0 npm ERR! node_modules/vue-highcharts npm ERR! vue-highcharts@"^0.2.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: vue@3.3.4 npm ERR! node_modules/vue npm ERR! peer vue@">=3" from vue-highcharts@0.2.0 npm ERR! node_modules/vue-highcharts npm ERR! vue-highcharts@"^0.2.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! See C:\Users\m\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\m\AppData\Local\npm-cache\_logs\2023-09-12T07_32_39_556Z-debug-0.log

原报错信息2：

npm ERR! Cannot read properties of null (reading 'pickAlgorithm') npm ERR! A complete log of this run can be found in:

解决方法：

这个错误通常是由于 npm 的缓存出现问题导致的。

1. 清除 npm 缓存：

   运行以下命令以清除 npm 缓存：

   npm cache clean --force

   这会清除 npm 的缓存数据。之后，再次运行 npm install 来安装依赖项，就可以解决了。

2. 清除包管理器缓存：

   如果你同时使用了 npm 和 yarn，也可以尝试清除 yarn 的缓存：

   yarn cache clean

   然后再运行 npm install 或 yarn install。