Angular项目执行ng version显示版本<error>/undefined问题求助

问题描述 #

我在包含angular.json和package.json的Angular项目目录下执行ng version命令查看Angular版本，所有包似乎已正确下载，但Angular版本显示为<error>，执行命令时还会提示“Angular: undefined”。我已删除并重新安装Angular CLI，但问题仍未解决。当前ng version输出如下：

Angular CLI: 15.1.1
Node: 18.12.1
Package Manager: npm 9.2.0
OS: win32 x64

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

Package                         Version
-

@angular-devkit/architect       0.1501.1
@angular-devkit/build-angular   15.1.1
@angular-devkit/core            15.1.1
@angular-devkit/schematics      15.1.1 (cli-only)
@angular/cli                    15.1.1 (cli-only)
@angular/compiler               15.1.0
@angular/compiler-cli           15.1.0
@schematics/angular             15.1.1 (cli-only)
rxjs                            6.6.7
typescript                      4.9.4

原因分析 #

从输出的包列表可以看出，核心的@angular/core包未出现在已安装包列表中，且@angular/compiler版本（15.1.0）与Angular CLI版本（15.1.1）不一致，这是导致版本检测失败的核心原因。具体可能的诱因包括：

• package.json中缺失@angular/core、@angular/common等核心Angular依赖
• 项目本地依赖安装不完整，核心包未被正确安装
• Angular核心包与CLI版本不匹配，导致检测逻辑出错
• npm缓存损坏，影响依赖安装的完整性

解决步骤 #

1. 检查并补充核心依赖
   打开项目根目录的package.json，查看dependencies节点是否包含@angular/core、@angular/common、@angular/animations等核心包。如果缺失，执行以下命令安装对应版本的核心包：

   npm install @angular/core@15.1.1 @angular/common@15.1.1 @angular/animations@15.1.1 @angular/forms@15.1.1 @angular/platform-browser@15.1.1 @angular/platform-browser-dynamic@15.1.1 @angular/router@15.1.1
   

2. 清理npm缓存
   执行命令清理npm缓存，避免缓存损坏导致的安装异常：

   npm cache clean --force
   

3. 重新安装项目依赖
   如果项目存在package-lock.json或npm-shrinkwrap.json，执行npm ci确保依赖完全匹配锁文件；否则执行npm install重新安装所有依赖：

   # 有锁文件时用这个
   npm ci
   # 无锁文件时用这个
   npm install
   

4. 验证修复效果
   再次执行ng version命令，检查Angular版本是否正常显示。

内容的提问来源于stack exchange，提问作者Felix G.