如何运行Angular 12项目？Node与CLI兼容性问题求助

1. 切换到Angular 12兼容的Node.js版本 #

Angular 12 支持的Node.js版本为 12.20.x、14.15.x、16.10.x，你已有的v14.15.0符合要求，直接切换：

nvm use 14.15.0

2. 匹配Angular CLI版本到项目版本 #

你当前全局Angular CLI是v17，和项目的v12.2.17完全不兼容，需要调整：

• 先卸载全局高版本CLI：

npm uninstall -g @angular/cli

• 安装和项目一致的v12.x.x CLI：

npm install -g @angular/cli@12.2.17

• 更推荐的方式：不用全局安装，直接调用项目本地的CLI（避免全局版本冲突），进入项目根目录执行：

npx ng serve

3. 解决「无效工作区扩展（defaultProject）」问题 #

打开项目根目录的angular.json文件：

• 检查文件最外层是否有defaultProject字段，值必须和projects节点下的项目名称一致
• 如果没有该字段，手动添加到外层，示例：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "defaultProject": "你的项目名称", // 替换为实际项目名
  "projects": {
    "你的项目名称": { ... }
  }
}

• 临时应急方案：运行ng serve时直接指定项目名：

ng serve --project=你的项目名称

最后验证 #

进入项目根目录执行npm install，确保所有依赖正确安装后，再运行ng serve即可启动项目。

内容的提问来源于stack exchange，提问作者Ashok kumar