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
相关产品推荐
相关产品推荐

