Angular项目无法执行npm install/start问题求助

执行npm start时报错 #

Could not find module "@angular-devkit/build-angular" from ...

执行npm i时报错 #

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: karma-jasmine-html-reporter@1.5.4
npm ERR! Found: jasmine-core@3.3.0
npm ERR! node_modules/jasmine-core
npm ERR!   dev jasmine-core@"~3.3.0" from the root project
npm ERR!   jasmine-core@"^3.3" from karma-jasmine@2.0.1
npm ERR!   node_modules/karma-jasmine
npm ERR!     dev karma-jasmine@"~2.0.1" from the root project
npm ERR!     peer karma-jasmine@">=1.1" from karma-jasmine-html-reporter@1.5.4
npm ERR!     node_modules/karma-jasmine-html-reporter
npm ERR!       dev karma-jasmine-html-reporter@"^1.5.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer jasmine-core@">=3.5" from karma-jasmine-html-reporter@1.5.4
npm ERR! node_modules/karma-jasmine-html-reporter
npm ERR!   dev karma-jasmine-html-reporter@"^1.5.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: jasmine-core@4.3.0
npm ERR! node_modules/jasmine-core
npm ERR!   peer jasmine-core@">=3.5" from karma-jasmine-html-reporter@1.5.4
npm ERR!   node_modules/karma-jasmine-html-reporter
npm ERR!     dev karma-jasmine-html-reporter@"^1.5.4" from the root project

执行npm i --legacy-peer-deps时报错 #

npm ERR! Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\User\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js build --fallback-to-build --library=static_library
npm ERR! gyp info spawn C:\Program Files\Microsoft Visual Studio\2022\Community\Msbuild\Current\Bin\MSBuild.exe
npm ERR! gyp ERR! node -v v16.13.2
npm ERR! gyp ERR! node-gyp -v v9.1.0
npm ERR! gyp ERR! Node-gyp failed to build your package.
npm ERR! gyp ERR! Try to update npm and/or node-gyp and if it does not help file an issue with the package author.
npm ERR! node-pre-gyp ERR! node -v v16.13.2
npm ERR! node-pre-gyp ERR! node-pre-gyp -v v0.13.0
npm ERR! node-pre-gyp ERR! not ok

已尝试的操作 #

• 重新安装Node.js
• 删除package-lock.json和package.json后执行npm i
• 重新克隆Git仓库
• 重新安装Visual Studio Code
• 安装Visual Studio Installer
• 执行npm update

解决方案 #

1. 修复依赖版本冲突 #

从npm i的报错可知，karma-jasmine-html-reporter@1.5.4要求jasmine-core版本≥3.5，但项目锁定了jasmine-core@~3.3.0，导致依赖解析失败。可通过以下方式处理：

• 调整依赖版本：修改项目根目录的package.json，将jasmine-core的版本改为^3.5.0，同时确认karma-jasmine版本兼容该版本（若不兼容则升级到^4.0.0），保存后执行npm i。
• 强制忽略冲突：执行npm i --force，强制npm跳过peer依赖冲突完成安装，但此方式可能引发潜在兼容性问题，仅建议临时使用。

2. 解决node-gyp构建失败问题 #

npm i --legacy-peer-deps时的node-gyp报错，是因为部分依赖需要编译二进制文件，缺少Windows构建环境：

• 安装完整构建工具：打开Visual Studio Installer，勾选“使用C++的桌面开发”工作负载，确保包含MSVC编译器、Windows SDK等组件，安装完成后重启电脑。
• 更新node-gyp：执行npm install -g node-gyp@latest更新到最新版本。
• 配置构建环境：以管理员身份打开命令提示符，执行npm config set msvs_version 2022（匹配你的Visual Studio版本），指定MSBuild路径。

3. 修复@angular-devkit/build-angular缺失问题 #

若依赖安装成功后仍启动报错，执行以下命令安装缺失的构建工具：

npm install --save-dev @angular-devkit/build-angular

内容的提问来源于stack exchange，提问作者Dumbo The Elephant