Angular执行ng serve报错：Data path缺失buildTarget/browserTarget属性

核心问题定位 #

你遇到的Data path必须包含必填属性'buildTarget'和'browserTarget'错误，本质是angular.json里serve目标的配置不符合Angular CLI的Schema规范，尤其是architect.serve节点缺失关键字段，或结构不匹配Ionic/Angular默认项目要求。

常见错误点及修正方式 #

1. serve目标缺失browserTarget字段 #

Ionic/Angular默认项目的architect.serve配置必须明确关联构建目标，你的配置大概率未添加该字段（或字段名错误）。正确配置示例：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "your-project-name:build"
  },
  "configurations": {
    "production": {
      "browserTarget": "your-project-name:build:production"
    },
    "development": {
      "browserTarget": "your-project-name:build:development"
    }
  },
  "defaultConfiguration": "development"
}

注意：将your-project-name替换为项目实际名称（与angular.json根节点项目名一致）。

2. serve的builder配置错误 #

切换es-build时可能误将serve的builder改为@angular-devkit/build-angular:application-dev-server，但Ionic目前兼容的是传统的@angular-devkit/build-angular:dev-server，需改回该值。

3. 配置结构不符合anyOf模式 #

错误提示的anyOf要求，是指serve配置需符合两种合法结构之一：要么包含buildTarget（旧版CLI字段），要么包含browserTarget（新版CLI字段，Ionic默认使用），不能同时缺失或结构混乱。

快速验证步骤 #

• 新建空白Ionic/Angular项目，导出其angular.json作为参考模板
• 对比当前项目的architect节点，重点检查serve的builder、options字段，以及build目标的完整性（serve依赖build目标定义）
• 确保项目根节点的defaultProject字段与要运行的项目名一致

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