Angular CLI版本不匹配求助：全局与本地版本显示不一致

问题描述 #

• 创建Angular新项目时未生成app.routes.ts，排查发现使用的是Angular 15.2版本
• 已将Node更新至20.14.0、npm更新至10.7.0，但Angular CLI更新异常：
  • 执行npm update -g @angular/cli@latest、npm install -g @angular/cli@latest无报错，但ng v仍返回15.2.4
  • 执行npm uninstall -g @angular/cli无报错，ng v依旧显示15.2.4
  • npm list -g显示全局CLI为18.0.4，但ng v显示15.2.4
  • 本地安装CLI后，当前目录ng v显示18.0.4，但执行ng new仍使用15版本

解决方案 #

1. 定位旧CLI的安装路径 #

执行命令：

where ng

该命令会列出系统中所有ng.exe的位置，找到对应15.2.4版本的路径（通常可能在旧Node安装目录或用户AppData文件夹下）。

2. 彻底清理旧CLI文件 #

• 手动删除where ng输出的旧路径中的ng.exe及相关Angular CLI文件
• 执行缓存清理命令：

npm cache clean --force

3. 以管理员权限重新安装全局CLI #

• 右键命令提示符/终端，选择「以管理员身份运行」
• 依次执行：

npm uninstall -g @angular/cli
npm install -g @angular/cli@latest

4. 检查并调整系统环境变量 #

• 打开Windows系统环境变量设置，找到「Path」变量
• 确保新Node.js的安装路径（如C:\Program Files\nodejs\）排在旧Node/CLI路径的前面，直接移除旧路径更佳
• 重启终端后执行ng v验证版本是否更新成功

5. 强制使用最新CLI创建项目 #

如果仍存在本地旧CLI干扰，执行：

npx @angular/cli@latest new your-project-name

通过npx直接调用最新版本的CLI创建项目，避免本地旧依赖影响。

内容的提问来源于stack exchange，提问作者Paul Brindley