Angular 13升级至14后@ngtools模块构建失败求助

问题拆解 #

报错包含两个核心问题：

1. Emit attempted before Angular Webpack plugin initialization：Angular Webpack插件初始化顺序异常，通常由依赖版本不匹配或自定义配置错误导致。
2. @ngbmodule/material-carousel缺失@angular/compiler/src/core依赖：第三方组件库依赖Angular私有内部API，与Angular 14不兼容。

解决步骤 #

1. 对齐Angular核心依赖版本 #

• 打开package.json，确保@angular/cli、@angular/core、@ngtools/webpack三者版本完全一致（均为14.x.x）。例如：

  {
    "@angular/cli": "~14.2.0",
    "@angular/core": "~14.2.0",
    "@ngtools/webpack": "~14.2.0"
  }
  

• 删除node_modules和package-lock.json，执行npm install重新安装依赖，或用npm ci确保依赖严格匹配锁文件。

2. 修复第三方组件库兼容性 #

@ngbmodule/material-carousel依赖Angular私有API，Angular 14对内部API做了限制，导致该库无法正常编译：

• 检查该库是否有Angular 14兼容的新版本，执行npm update @ngbmodule/material-carousel尝试升级；
• 如果无适配版本，替换为维护活跃的替代组件，比如@angular/material/carousel（需确保@angular/material版本与Angular 14匹配）；
• 临时应急方案（不推荐长期使用）：在tsconfig.json的compilerOptions中添加"skipLibCheck": true，跳过库的类型检查，暂时绕过依赖报错，但后续升级仍可能出问题。

3. 检查自定义Webpack配置 #

如果项目使用了自定义Webpack配置（angular.json中配置了customWebpackConfig）：

• 确保配置中没有手动初始化AngularWebpackPlugin，Angular CLI会自动处理插件初始化；
• 移除任何过时的Webpack配置项，确保与Angular 14的Webpack插件要求兼容。

4. 验证修复 #

执行ng build或ng serve，确认报错是否消失。如果仍有问题，可尝试创建一个全新的Angular 14项目，逐步迁移代码和依赖，排查是否有其他自定义配置冲突。

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