如何在Visual Studio Code中运行ng命令？解决版本兼容问题

问题说明 #

C:\Users\mycom\Desktop\NeonUI-main>ng serve
This version of CLI is only compatible with Angular versions ^15.0.0,
but Angular version 11.0.5 was found instead.

报错原因是全局安装的Angular CLI版本（15.x）与本地项目依赖的Angular核心版本（11.0.5）不匹配，导致命令执行冲突。

解决方案 #

方案1：调用本地项目的CLI版本执行命令 #

本地项目的node_modules目录中已安装对应11.0.5版本的CLI，直接调用它即可避开全局版本冲突：

• Windows系统：

  npx ng serve
  

  或

  .\node_modules\.bin\ng serve
  

• macOS/Linux系统：

  npx ng serve
  

  或

  ./node_modules/.bin/ng serve
  

方案2：全局安装与项目匹配的CLI版本 #

若要让全局CLI版本与项目保持一致，执行以下步骤：

1. 卸载当前全局Angular CLI：

   npm uninstall -g @angular/cli
   

2. 清理npm缓存（可选，避免缓存残留问题）：

   npm cache clean --force
   

3. 安装与项目匹配的11.x版本CLI（CLI版本建议与Angular核心版本保持一致）：

   npm install -g @angular/cli@11.0.5
   

方案3：升级项目Angular版本至15.x #

若计划升级项目以匹配全局CLI版本，操作如下（操作前请备份项目）：

1. 升级全局CLI到15.x版本：

   npm install -g @angular/cli@15
   

2. 在项目根目录执行升级命令，CLI会自动处理核心依赖升级：

   ng update @angular/core@15 @angular/cli@15
   

   若有其他第三方依赖需要适配，按照命令行提示逐步完成升级。

内容的提问来源于stack exchange，提问作者Thimmana Sai uma meghana