npm install常见问题

npm 编译

npm install

叮当问题来了

PS D:\wp\project\newPorject\tyzhhw-mysql\code\tyzhhw_sheshi> npm install
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: mapbox-gl-draw@0.16.0
npm ERR! Found: mapbox-gl@2.5.1
npm ERR! node_modules/mapbox-gl
npm ERR!   mapbox-gl@"^2.5.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer mapbox-gl@"^0.27.0 || ^0.28.0" from mapbox-gl-draw@0.16.0
npm ERR! node_modules/mapbox-gl-draw
npm ERR!   mapbox-gl-draw@"^0.16.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: mapbox-gl@0.28.0
npm ERR! node_modules/mapbox-gl
npm ERR!   peer mapbox-gl@"^0.27.0 || ^0.28.0" from mapbox-gl-draw@0.16.0
npm ERR!   node_modules/mapbox-gl-draw
npm ERR!     mapbox-gl-draw@"^0.16.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\admin\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\admin\AppData\Local\npm-cache\_logs\2023-07-27T00_52_56_730Z-debug-0.log

最近vue从2.6升级了部分3.0了，小白上手马上出现问题了。

问题产生的原因和如何解决，其实npm已经列在了最后面了，解铃还须系铃人：

npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps

问题原因是依赖冲突导致不能下载依赖包（dependency conflict），

因为npm版本升级（version>7），

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

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

解决的方法就是command with --force，或者--legacy-peer-deps

--force 无视冲突，强制获取远端npm库资源 （覆盖之前）

--legacy-peer-deps 忽视依赖冲突,继续安装（不覆盖之前）

因此输入：npm install --force 或者 npm install --legacy-peer-deps即可解决。

试试吧，应该可以直接编译通过了！