使用Angular与NX执行nx serve todos时遇无效项目扩展名称错误

错误原因 #

该错误源于项目配置文件中存在不符合NX命名规范的扩展（extensions）名称。NX要求扩展名称必须是有效的JavaScript标识符——不能包含空格、@/#这类特殊字符，也不能以数字开头。

解决步骤 #

• 检查根目录nx.json
  打开项目根目录下的nx.json，定位到projects区块里的todos项目配置，找到extensions字段，修正所有不符合命名规范的扩展名称（比如将"my-extension"改为"myExtension"或"my_extension"）。

• 检查项目本地配置
  打开todos项目目录下的project.json（旧版NX可能在angular.json的projects.todos节点下），排查extensions字段内的名称，确保所有名称符合NX规范。

• 验证配置并重启命令
  保存修改后的配置文件，重新执行nx serve todos，若配置无误，错误即可消除。

• 兼容性排查
  由于你使用Angular 14.0.5，需确保NX版本与Angular版本兼容（建议使用NX 14.x系列）。可通过nx --version查看当前版本，若版本不匹配，升级或降级NX到对应兼容版本即可。

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