Angular 14升级至15后出现NG04012错误求助

一、让控制台显示详细报错位置 #

ng serve默认处于开发模式，不会压缩代码，但如果项目配置被修改过，可通过以下方式确保获取完整报错栈：

• 运行命令时指定开发配置：ng serve --configuration development
• 检查angular.json中projects.[你的项目名].architect.serve.configurations.development配置，确保：

  "optimization": false,
  "sourceMap": true,
  "vendorChunk": true
  

  配置生效后，浏览器控制台会显示未压缩代码的行号，直接定位错误位置。另外，可打开浏览器Sources面板的「Pause on exceptions」按钮，触发错误时会自动暂停在出错代码行。

二、路由配置及相关排查 #

你的路由配置语法上无明显问题，但结合NG04012（路由激活类错误），重点检查以下几点：

1. AuthComponent是否包含<router-outlet>：子路由必须依赖父组件中的<router-outlet>标签才能渲染子组件，升级过程中若模板被修改，可能丢失该标签。
2. 组件初始化兼容性问题：检查LoginComponent、AuthComponent等路由组件的ngOnInit、构造函数，确认是否存在Angular 15中弃用的API或依赖注入方式变更（比如@Injectable元数据调整）。
3. 路由模块导入正确性：确保RouterModule.forRoot(routes)在AppModule或对应路由模块中正确导入，无重复导入、配置冲突情况。

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