Angular12+Node14下ng serve提示缺少development配置但已配置如何解决

问题原因 #

• 你仅在build节点的configurations下添加了development配置，但是serve节点的configurations中没有对应添加development配置项，同时你将serve的defaultConfiguration设置为了development，Angular CLI读取配置时找不到serve对应的development配置就会触发该报错。
• 额外配置错误：你当前serve的production配置中browserTarget错误指向了build:development，会导致执行ng serve --configuration production时实际调用的是开发环境的构建配置。

修复方案 #

将你的angular.json中的serve节点替换为如下配置即可：

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

修改完成后重新执行ng serve即可正常启动开发环境服务。

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