执行npm list遇依赖缺失，安装@angular/core时出现ENOLOCAL错误

问题描述 #

执行npm list时，出现一系列对等依赖缺失错误，具体信息如下：

npm ERR! peer dep missing: @angular/compiler@15.0.3, required by @angular/compiler-cli@15.0.3
npm ERR! peer dep missing: @angular/compiler@10.0.14, required by @angular/platform-browser-dynamic@10.0.14
npm ERR! peer dep missing: @angular/compiler-cli@^14.0.0, required by @angular-builders/custom-webpack@14.1.0
npm ERR! peer dep missing: @angular/core@10.0.14, required by @angular/animations@10.0.14
npm ERR! peer dep missing: @angular/core@10.0.14, required by @angular/common@10.0.14
npm ERR! peer dep missing: @angular/core@10.0.14, required by @angular/forms@10.0.14
npm ERR! peer dep missing: @angular/core@10.0.14, required by @angular/platform-browser@10.0.14
npm ERR! peer dep missing: @angular/core@10.0.14, required by @angular/platform-browser-dynamic@10.0.14
npm ERR! peer dep missing: @angular/core@10.0.14, required by @angular/router@10.0.14
npm ERR! peer dep missing: @angular/compiler-cli@^14.0.0, required by @angular-devkit/build-angular@14.2.10
npm ERR! peer dep missing: @angular/compiler-cli@^14.0.0, required by @ngtools/webpack@14.2.10

尝试执行npm install angular/core@10.0.14安装依赖时，触发以下错误：

npm ERR! code ENOLOCAL
npm ERR! Could not install from "angular\core@10.0.14" as it does not contain a package.json file.

问题分析 #

1. 安装命令错误：Angular官方包的命名空间前缀是@angular/，缺失@会导致npm将其识别为本地路径，而非npm仓库中的包，因此找不到对应文件。
2. 依赖版本混乱：错误信息中同时出现Angular 10、14、15三个版本的依赖要求，说明项目依赖版本不统一，会引发兼容性冲突。

解决步骤 #

1. 修正依赖安装命令 #

安装Angular核心包的正确命令需添加@前缀，以@angular/core为例：

npm install @angular/core@10.0.14

其他缺失依赖同理，比如安装@angular/compiler：

npm install @angular/compiler@10.0.14

2. 统一Angular核心包版本 #

为避免版本冲突，建议一次性安装所有同版本的Angular核心依赖：

npm install @angular/core@10.0.14 @angular/compiler@10.0.14 @angular/compiler-cli@10.0.14 @angular/animations@10.0.14 @angular/common@10.0.14 @angular/forms@10.0.14 @angular/platform-browser@10.0.14 @angular/platform-browser-dynamic@10.0.14 @angular/router@10.0.14

3. 处理第三方依赖兼容性 #

对于@angular-builders/custom-webpack@14.1.0、@angular-devkit/build-angular@14.2.10这类要求Angular 14的第三方依赖，有两种处理方式：

• 降级第三方依赖：查找适配Angular 10的版本（通常为10.x.x），执行安装：

  npm install @angular-builders/custom-webpack@10.x.x
  

• 升级项目Angular版本：将整个项目升级到Angular 14，匹配第三方依赖版本要求（升级前建议备份项目，注意代码兼容性）。

4. 清理缓存并重新安装（可选） #

若上述步骤后仍有问题，可尝试清理npm缓存并重新安装所有依赖：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

内容的提问来源于stack exchange，提问作者Amira Elsayed Ismail