生成的.NET+Angular应用执行yarn start时UI卡在构建阶段

1. 检查Angular CLI版本兼容性 #

确认本地Angular CLI版本与项目package.json中@angular/core等核心依赖版本匹配。执行ng version查看版本信息，若不匹配，统一调整版本：

• 全局升级CLI：npm install -g @angular/cli@<对应版本>
• 同步项目依赖：yarn add @angular/cli@<对应版本> --dev

2. 禁用增量构建 #

打开angular.json，找到projects -> <你的项目名> -> architect -> build -> options，添加或修改配置项"incremental": false，之后重新执行yarn start。增量构建缓存异常可能导致进程卡住。

3. 清理Angular缓存 #

执行ng cache clean清除CLI缓存，同时删除项目根目录下的.angular文件夹，再重启项目。

4. 排查第三方依赖冲突 #

临时移除近期新增的第三方依赖，执行yarn install后启动项目。若恢复正常，说明该依赖存在兼容性问题，尝试升级到适配版本。

5. 查看详细构建日志 #

执行yarn start --verbose获取完整构建日志，日志会显示卡住的具体环节（如某文件语法错误、循环依赖等），定位问题根源。

6. 调整Node.js内存限制 #

大项目构建时Node.js默认内存不足可能导致卡住，启动时增加内存分配：

node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng serve

也可修改package.json的启动脚本：

"scripts": {
  "start": "node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng serve"
}

7. 验证TypeScript配置 #

检查tsconfig.json中strict模式是否开启，若开启，隐式类型错误可能导致构建停滞。可临时将strict设为false测试，若能启动，再逐步排查具体类型问题。

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