Angular项目执行npm start时出现Invalid Target Error的问题排查

错误详情 #

An unhandled exception occurred: Invalid target: {"project":"agmbs","target":"build","configuration":"development"}
错误触发位置：node_modules@angular-devkit/architect/src/architect.js 第175行23位，当host.getOptionsForTarget(target)返回null时抛出该错误

可能的成因 #

• angular.json配置不匹配：最常见的情况是agmbs项目的配置中，要么没有build这个目标，要么build目标下不存在development配置项；也可能是项目名称拼写错误，导致Architect找不到对应项目的配置节点。
• angular.json文件损坏：JSON格式错误（比如缺括号、逗号）、版本控制冲突残留、磁盘写入异常等，都会导致配置文件无法被正常解析，进而让getOptionsForTarget返回null。
• CLI与项目版本不兼容：如果最近升级了Angular CLI，或者项目依赖的@angular-devkit版本和CLI版本不匹配，新老版本的配置结构差异会导致CLI无法识别指定的target和configuration。
• 依赖包安装异常：node_modules中的@angular-devkit/architect包可能损坏、安装不完整，导致其内部读取配置的逻辑失效，触发错误。
• 自定义启动脚本或插件干扰：如果package.json里的start命令被修改为自定义脚本，或者项目引入了第三方Architect插件，可能错误传递了无效的target参数，导致找不到对应配置。

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