Angular项目执行ng serve报错：Data path缺少browserTarget属性求助

问题根源 #

你的项目使用了Angular 17+引入的新应用构建器@angular-devkit/build-angular:application，但serve环节仍然沿用旧版的@angular-devkit/build-angular:dev-server构建器，两者配置不兼容，触发Schema验证失败，提示缺少browserTarget字段。

解决方案 #

提供两种适配方案，根据你的需求选择：

方案一：使用新的dev-server构建器适配application构建器

修改angular.json中projects.crud-app.architect.serve节点的builder为新的适配版本，保留原有配置即可：

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

方案二：回退到旧版browser构建器（适合不需要SSR/Prerender的场景）

如果你的项目不需要SSR或预渲染功能，可以将build环节的构建器改回旧版browser，同时移除application构建器特有的配置项：

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
    "outputPath": "dist/crud-app",
    "index": "src/index.html",
    "main": "src/main.ts", // 将原browser字段改为main
    "polyfills": [
      "zone.js"
    ],
    "tsConfig": "tsconfig.app.json",
    "inlineStyleLanguage": "scss",
    "assets": [
      "src/favicon.ico",
      "src/assets"
    ],
    "styles": [
      "@angular/material/prebuilt-themes/indigo-pink.css",
      "src/styles.scss"
    ],
    "scripts": []
    // 移除原有的server、prerender、ssr相关配置
  },
  "configurations": {
    "production": {
      "budgets": [
        {
          "type": "initial",
          "maximumWarning": "500kb",
          "maximumError": "1mb"
        },
        {
          "type": "anyComponentStyle",
          "maximumWarning": "2kb",
          "maximumError": "4kb"
        }
      ],
      "outputHashing": "all"
    },
    "development": {
      "optimization": false,
      "extractLicenses": false,
      "sourceMap": true
    }
  },
  "defaultConfiguration": "production"
}

修改后serve节点的配置无需变动，旧版dev-server与browser构建器兼容。

额外步骤（可选） #

若修改后仍有问题，可清理依赖重新安装确保版本匹配：

rm -rf node_modules package-lock.json
npm install

之后重新运行ng serve即可。

注：json-server本身不会直接引发该问题，大概率是配置json-server过程中误改了angular.json结构，或依赖更新导致构建器版本不匹配。

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