Angular 15执行npm start时卡在Generating browser application bundles阶段求助

问题概述 #

执行npm start启动Angular应用时，进程持续卡在Generating browser application bundles (phase: building)...阶段，已尝试npm cache clean --force清理缓存，以及Angular 11、14同类问题的所有解决方案，均未解决。

环境版本信息 #

Angular CLI: 15.1.5
Node: 18.19.0
Package Manager: npm 10.2.3
OS: win32 x64

Angular: 15.1.4
... animations, cdk, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1501.5
@angular-devkit/build-angular   15.1.5
@angular-devkit/core            15.1.5
@angular-devkit/schematics      15.1.5
@angular/cli                    15.1.5
@schematics/angular             15.1.5
rxjs                            7.5.7
typescript                      4.8.4

针对Angular 15的专属排查步骤 #

• 检查TypeScript配置：确认tsconfig.json中target设置为ES2020或兼容版本，可临时关闭strict模式测试是否能完成构建，排查严格模式下的循环引用或类型错误导致的编译停滞
• 排查依赖兼容性：执行npm ls检查第三方依赖版本，确保@angular/cdk、@angular/material等官方库版本与@angular/core一致；非官方库优先升级到支持Angular 15的版本，或临时移除可疑依赖验证
• 调整构建参数：修改angular.json的build配置，临时关闭buildOptimizer和aot：

  "buildOptimizer": false,
  "aot": false
  

  重新启动构建，若能完成再逐步开启参数定位问题根源
• 彻底重置依赖：删除node_modules、package-lock.json文件，执行npm install重新安装依赖，避免依赖缓存损坏
• 系统权限排查：以管理员身份运行终端，避免Windows系统文件读写权限不足导致的构建停滞
• 查看详细日志：执行ng serve --verbose输出完整构建日志，定位到具体卡住的模块或编译步骤

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