You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 15添加路由后出现无限重定向循环问题求助

Angular v15路由无限添加/#问题排查方案
  • 检查默认路由与匹配逻辑:哪怕是RouterModule.forRoot([])空配置,只要页面存在<router-outlet>,Angular找不到匹配路由时可能触发异常重定向。排查是否有隐性的默认路由配置,或是组件模板中存在错误的导航触发逻辑。
  • 排查HashLocationStrategy冲突:若手动配置了{ provide: LocationStrategy, useClass: HashLocationStrategy },需确认路由配置是否与之兼容。错误的哈希策略搭配无效路由,容易引发循环重定向。
  • 检查AppComponent的自动导航逻辑:查看AppComponent的生命周期钩子(如ngOnInit)或模板中是否有自动导航代码(比如this.router.navigate([''])),这类代码会在组件初始化时重复触发导航,导致URL不断追加哈希。
  • 确认路由模块导入唯一性:确保仅在AppModule中使用RouterModule.forRoot(),其他功能模块统一用RouterModule.forChild(),重复导入forRoot()会引发路由配置冲突。
  • 清理缓存并重建项目:执行ng clean清除旧构建文件,再运行ng build和ng serve,同时硬刷新浏览器(Ctrl+F5)清除缓存,排除旧代码残留导致的异常。

内容的提问来源于stack exchange,提问作者Boland

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 00:20:43