Angular相关依赖版本报错，常规npm安装方案无效求助

执行ng version命令后，Angular、@angular-devkit/build-angular、typescript、zone.js均显示<error>，具体输出如下：

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 18.2.8
Node: 22.9.0
Package Manager: pnpm 9.15.1
OS: win32 x64

Angular: <error>
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1802.8 (cli-only)
@angular-devkit/build-angular   <error>
@angular-devkit/core            18.2.8 (cli-only)
@angular-devkit/schematics      18.2.8 (cli-only)
@angular/cli                    18.2.8 (cli-only)
@schematics/angular             18.2.8 (cli-only)
rxjs                            7.8.1 (cli-only)
typescript                      <error>
zone.js                         <error>

已尝试的操作 #

已删除node_modules文件夹，并执行以下命令，但问题未解决：

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

环境信息 #

npm版本信息 #

{
  'planning-ui': '0.0.0',
  npm: '10.8.3',
  node: '22.9.0',
  acorn: '8.12.1',
  ada: '2.9.0',
  amaro: '0.1.8',
  ares: '1.33.1',
  brotli: '1.1.0',
  cjs_module_lexer: '1.4.1',
  cldr: '45.0',
  icu: '75.1',
  llhttp: '9.2.1',
  modules: '127',
  napi: '9',
  nbytes: '0.1.1',
  ncrypto: '0.0.1',
  nghttp2: '1.63.0',
  nghttp3: '0.7.0',
  ngtcp2: '1.3.0',
  openssl: '3.0.13+quic',
  simdjson: '3.10.0',
  simdutf: '5.5.0',
  sqlite: '3.46.1',
  tz: '2024a',
  undici: '6.19.8',
  unicode: '15.1',
  uv: '1.48.0',
  uvwasi: '0.0.21',
  v8: '12.4.254.21-node.19',
  zlib: '1.3.0.1-motley-71660e1'
}

nvm版本 #

1.1.12

解决步骤 #

1. 清理包管理器缓存
   从版本输出看当前用的是pnpm，之前混用npm命令可能导致依赖混乱，先清理缓存：

   # 清理pnpm缓存
   pnpm store prune
   # 清理npm缓存
   npm cache clean --force
   

2. 删除lock文件
   删除项目根目录下的package-lock.json、pnpm-lock.yaml（如果存在），避免版本冲突。

3. 用pnpm统一安装依赖
   切换回pnpm执行安装，确保依赖管理一致：

   pnpm install
   

   若@angular-devkit/build-angular仍缺失，单独安装：

   pnpm add -D @angular-devkit/build-angular
   

4. 检查Node版本兼容性
   Angular 18推荐Node 18.19+、20.10+或22.0+，当前Node 22.9.0符合要求，但可尝试切换到LTS版本20.x测试：

   nvm install 20
   nvm use 20
   

   之后重新执行pnpm install。

5. 校验package.json依赖
   打开package.json，确认核心依赖版本与Angular CLI 18.2.8匹配，示例配置如下：

   "dependencies": {
     "@angular/animations": "^18.2.8",
     "@angular/common": "^18.2.8",
     "@angular/compiler": "^18.2.8",
     "@angular/core": "^18.2.8",
     "@angular/forms": "^18.2.8",
     "@angular/platform-browser": "^18.2.8",
     "@angular/platform-browser-dynamic": "^18.2.8",
     "@angular/router": "^18.2.8",
     "rxjs": "~7.8.0",
     "zone.js": "~0.14.10"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.2.8",
     "@angular/cli": "^18.2.8",
     "@angular/compiler-cli": "^18.2.8",
     "typescript": "~5.5.2"
   }
   

   缺失或版本不符时手动修改，再执行pnpm install。

6. 重新验证版本
   安装完成后执行：

   ng version
   

内容的提问来源于stack exchange，提问作者Hưng Phạm