Angular执行ng serve时出现browserTarget必填属性缺失错误的解决方法

问题原因 #

你的项目存在两个核心问题：

• Angular CLI（17.0.8）与@angular-devkit/build-angular（16.2.11）版本不匹配，导致配置Schema校验逻辑冲突
• angular.json中serve节点缺少根级的buildTarget配置，不符合Angular 17的Schema要求

修复步骤 #

1. 统一Angular开发依赖版本 #

将@angular-devkit/build-angular升级到与Angular CLI一致的17.x版本，执行以下命令：

npm install @angular-devkit/build-angular@^17.0.8 --save-dev

2. 修正angular.json的serve配置 #

修改architect > serve节点，添加根级的buildTarget配置，指向项目默认构建目标：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "buildTarget": "shipment_tracking:build"
  },
  "configurations": {
    "production": {
      "buildTarget": "shipment_tracking:build:production"
    },
    "development": {
      "buildTarget": "shipment_tracking:build:development"
    }
  },
  "defaultConfiguration": "development"
}

3. 验证修复 #

执行ng serve命令，确认错误消失，项目正常启动。

内容的提问来源于stack exchange，提问作者Abhishek Kumar