Vue2x项目初学遇到的问题

161 阅读1分钟

导入新项目报错

先执行 npm cache clear --force命令,再执行npm i

  • 报错信息:npm ERR! Cannot read properties of null (reading 'pickAlgorithm')
  • 可能原因:node版本不兼容

node版本问题(在脚手架里面选择了ESLint后npm装包时会出现的依赖冲突 )

报错信息:

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! See C:\Users\振东zzz\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\振东zzz\AppData\Local\npm-cache\_logs\2022-09-10T08_56_50_777Z-debug-0.log

npmV7之前的版本遇到依赖冲突会忽视依赖冲突,继续进行安装

npmV7版本开始不会自动进行忽略,需要用户手动输入命令

  • 在npm 命令后面加下面两个参数
  • --force 无视冲突,强制获取远端npm库资源(覆盖之前)
  • --legacy-peer-deps忽视依赖冲突,继续安装(不覆盖之前) 推荐使用

例:npm i axios -S --legacy-peer-deps