Shopizer Admin Angular项目启动报错，多种尝试无效求助

问题复盘 #

尝试构建运行Shopizer Admin Angular项目时，出现以下核心问题：

• npm install无错误仅警告，但ng serve -o触发TS2694错误（命名空间缺失ɵɵFactoryDeclaration等导出成员）
• 浏览器显示Cannot GET /，初始打包文件总大小为0字节
• 更换Node/TypeScript/Angular CLI版本、调整angular-file版本、清理依赖、Docker构建均未解决
• 升级Angular至13.4.0后，新增TS2415（NbTable与CdkTable类型不匹配）、TS2307（模块找不到）错误

环境版本：

初始环境 #

Angular CLI: 13.3.11
Node: 12.22.10
Package Manager: npm 6.14.16
OS: darwin x64
Angular: 11.2.14

升级后环境 #

Angular CLI: 13.3.11
Node: 12.22.10
Package Manager: npm 6.14.16
OS: darwin x64
Angular: 13.4.0

针对性解决方案 #

1. 回退到项目原生依赖版本（优先方案） #

项目package.json定义了适配的Angular版本，跨版本升级必然导致依赖冲突：

• 卸载全局高版本Angular CLI：npm uninstall -g @angular/cli
• 安装与Angular 11.2.14匹配的CLI版本：npm install -g @angular/cli@11.2.14
• 删除本地node_modules、package-lock.json文件
• 重新安装依赖：npm install
• 启动服务：ng serve -o

2. 修复TS2694错误（Angular 11环境） #

该错误源于Ivy编译器与第三方库兼容性问题：

• 打开tsconfig.json，在angularCompilerOptions中禁用Ivy：

  "angularCompilerOptions": {
    "enableIvy": false
  }
  

• 清理Angular缓存：ng cache clean --all
• 先执行生产构建验证：ng build --prod，确认无错误后再启动开发服务

3. 解决Angular 13升级后的类型不匹配问题 #

TS2415错误是Nebular组件与Angular CDK版本不兼容导致：

• 安装与Angular 13匹配的Nebular依赖版本（例如@nebular/theme@9.0.0，需确认版本兼容性）
• 更新package.json中@nebular/*相关依赖版本，执行npm install
• 针对TS2307错误，检查缺失模块是否为未安装的依赖，或路径配置错误（例如baseUrl在tsconfig.json中的设置）

4. 排查打包文件为0字节问题 #

• 检查angular.json中projects.[your-project].architect.build.options.outputPath配置，确认输出目录存在且有读写权限
• 执行ng build并查看完整控制台输出，部分错误在ng serve中会被隐藏
• 验证src/main.ts是否正确引导应用，确保存在platformBrowserDynamic().bootstrapModule(AppModule)代码且无语法错误

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