Angular 17替换buildTarget为browserTarget后报错的解决方案

1. 对齐CLI与项目Angular版本 #

先处理版本不兼容问题：

• 运行 ng --version 查看全局CLI版本，如果显示为16.x，说明全局CLI版本和项目的17.0.8不匹配。
• 升级全局Angular CLI到17.x：执行 npm install -g @angular/cli@17
• 或者直接使用项目本地的CLI执行命令：用 npx ng serve 替代 ng serve，这样会调用项目node_modules里的17.x版本CLI。

2. 修正angular.json配置 #

Angular 17使用新的application构建器时，serve配置项需要用buildTarget而非browserTarget，你之前的修改搞反了，改回即可：

• 打开项目根目录的angular.json文件
• 定位到projects -> [你的项目名称] -> architect -> serve -> options
• 将browserTarget修改为buildTarget，确保值为[你的项目名称]:build，示例配置如下：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "buildTarget": "my-app:build"
  },
  "configurations": {
    "production": {
      "buildTarget": "my-app:build:production"
    }
  }
}

• 额外检查build部分的构建器：如果是Angular 17默认的@angular-devkit/build-angular:application，就用buildTarget；如果仍使用旧版@angular-devkit/build-angular:browser构建器，那保持browserTarget即可。

3. 验证修复 #

• 删除现有依赖文件：执行 rm -rf node_modules package-lock.json（Windows系统用rmdir /s/q node_modules && del package-lock.json）
• 重新安装依赖：npm install
• 启动项目：ng serve（或npx ng serve）

内容的提问来源于stack exchange，提问作者Ahmadreza Shamimi