升级至Angular 14后AppModule加载两次问题排查求助

先明确：你提供的懒加载配置不会导致AppModule重复加载 #

你在app-routing.ts中配置的是懒加载SharedModule，该逻辑只会在对应路由被访问时加载目标模块，和AppModule的加载完全无关，可以排除这个因素。

核心排查方向 #

• 检查引导逻辑是否被重复执行

  • 确认main.ts是否被多次引入：查看index.html，有没有重复加载main相关的bundle文件（比如同时引入main.js和main-es2015.js）
  • 排查是否有其他脚本（第三方库、自定义启动脚本）重复调用了platformBrowserDynamic().bootstrapModule(AppModule)

• 检查构建/开发服务器配置

  • 若使用Angular CLI，查看angular.json的build配置，确认入口文件是否唯一，有没有重复输出的配置
  • 关闭开发模式的热重载后再启动，验证日志是否还打印两次（热重载一般不会触发模块重新引导，但可排除误判）

• 检查根组件挂载节点

  • 确认index.html中只有一个<app-root>标签，避免因重复节点导致Angular重复引导
  • 排查是否有自定义脚本手动操作DOM，重复插入了<app-root>节点

• 排查第三方库影响

  • 检查是否有第三方全局库（如路由拦截、状态管理库）内部触发了Angular的重新引导流程
  • 验证polyfill或初始化脚本是否存在重复执行的情况

补充说明 #

你的AppModule构造函数日志打印两次，说明模块被实例化了两次。结合你提到的"除main.ts外其他组件均未引用AppModule"，重点应放在引导逻辑被多次执行的排查上。

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