如何搭建适配Angular 14的NX工作区？

核心前提：NX与Angular版本匹配 #

Angular 14仅兼容NX 14.x系列版本（最新稳定版为14.8.6），高版本NX已不再支持Angular 14，这是你之前尝试失败的核心原因。

具体操作步骤 #

1. 创建NX 14.x空工作区
   使用NX 14的最后一个稳定版本创建空工作区，避免自动引入高版本Angular：

   npx create-nx-workspace@14.8.6 my-workspace --preset=empty
   cd my-workspace
   

2. 添加Angular 14支持
   安装对应版本的NX Angular插件，并创建指定Angular 14的应用：

   # 安装NX Angular插件（版本与NX工作区一致）
   npm install -D @nrwl/angular@14.8.6
   # 创建Angular 14应用
   nx generate @nrwl/angular:app my-app --angularVersion=14
   

3. 验证版本
   查看package.json中的Angular依赖，确认@angular/core、@angular/cli等版本均为14.x.x。

迁移现有应用/库的注意事项 #

• 将现有Angular 14应用的代码复制到NX工作区的apps/目录下，库代码复制到libs/目录下
• 调整项目的tsconfig.json、angular.json配置，适配NX工作区的路径规则
• 若依赖安装出现冲突，可删除node_modules、package-lock.json后重新执行npm install

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