Angular 2 RC5 <base href="..."> 中断路由

Question

我偶然发现了一个与<base href="..."> 问题相关的问题。 Angular 2 似乎严重依赖这个标签。然而，标签本身会以不适合我的情况 (there's a lot properly described info on this issue on the internet) 的方式影响 <svg>...</svg> 声明。但是当我删除我的<base href="..."> 时，应用程序会立即中断。

在潜伏了几天的解决方案之后，我找到了让我的应用程序在没有<base href="..."> 的情况下至少以某种方式工作的方法

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    routing
  ],
  declarations: [
    AppComponent,
    HeroesComponent,
    DashboardComponent,
    HeroDetailComponent
  ],
  providers: [
    HeroService, {
      provide: APP_BASE_HREF, // <------------ this guy here saves the day
      useValue: '/'
    }
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {
}

但是，如果没有<base href="...">，应用程序在路由方面变得不太稳定。基本上，当我尝试从非默认路由重新加载页面时，它会中断并抛出异常“达到最大堆栈大小”。

我无法用 plunkr 重现问题，但我也无法在没有 <base href="..."> 的情况下使 standard angular tutorial 工作

这里是链接

Original plunkr

Modified plunkr

如果您打开修改后的控制台，您会看到一个错误。

互联网上绝对没有关于此问题的信息，我从未与<base href="..."> 打交道，而且我是 angular 2 的新手。那么，调查此问题的最佳起点是什么？

Answer 1

您可以提供

{ provide: APP_BASE_HREF, useValue: '/' }

让路由器覆盖 <base href="...">，而 SVG 仅依赖于 <base href="...">。

另见https://github.com/angular/angular/issues/8939