Angular v11升级v16遇Emit初始化错误，求解决方案

错误信息 #

Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Emit attempted before Angular Webpack plugin initialization

已尝试无效方案：

• 在tsconfig.js中添加"enableIvy":false
• 重装兼容版TypeScript
• 删除node_modules并重装Node.js

可行解决方案 #

1. 移除Ivy禁用配置 #

Angular v16已彻底废弃View Engine，enableIvy: false会引发兼容性冲突，直接删除tsconfig.json里的该配置项，强制使用Ivy编译器。

2. 同步更新所有Angular核心依赖 #

执行命令更新Angular CLI和核心包到v16对应版本：

ng update @angular/cli @angular/core

若存在@ngtools/webpack这类关联依赖，手动核对package.json中的版本号，确保与Angular v16匹配后重新安装：

npm install

3. 检查Webpack配置的插件顺序 #

如果项目使用了自定义Webpack配置（比如通过@angular-builders/custom-webpack），确认Angular Webpack插件的初始化优先级最高，避免其他插件在它完成初始化前触发文件输出操作。调整自定义插件在配置中的顺序，将Angular相关插件放在最前面。

4. 清理构建缓存 #

清理Angular和Webpack的缓存文件，避免旧缓存干扰：

ng cache clean
rm -rf node_modules/.cache

之后重新执行构建：

ng build

5. 排查自定义Loader/插件 #

如果项目中存在自定义的Webpack Loader或插件，检查它们是否有提前触发emit的逻辑。比如某些文件预处理插件，需调整执行时机，确保在Angular插件完成初始化后再运行。

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