Angular项目报错：Schema验证失败，缺少browserTarget属性如何解决？

这个错误的核心原因是你的 angular.json 中 serve 和 extract-i18n 配置块缺少必填的 browserTarget 属性——该属性用于指定构建工具依赖的项目构建目标。

步骤1：修复 serve 配置 #

更新 architect.serve 部分，添加 browserTarget 指向你的项目构建目标：

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

步骤2：修复 extract-i18n 配置 #

更新 architect.extract-i18n 部分，添加 browserTarget：

"extract-i18n": {
  "builder": "@angular-devkit/build-angular:extract-i18n",
  "options": {
    "browserTarget": "recon-app:build"
  }
}

修正后完整的关键配置片段 #

"architect": {
  "build": {
    // 原build配置保持不变
  },
  "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "browserTarget": "recon-app:build"
    },
    "configurations": {
      "production": {
        "browserTarget": "recon-app:build:production"
      },
      "development": {
        "browserTarget": "recon-app:build:development"
      }
    },
    "defaultConfiguration": "development"
  },
  "extract-i18n": {
    "builder": "@angular-devkit/build-angular:extract-i18n",
    "options": {
      "browserTarget": "recon-app:build"
    }
  },
  "test": {
    // 原test配置保持不变
  }
}

完成修改后，重新运行 ng serve 等 Angular 命令即可解决该错误。

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