angular - 请为 APP_BASE_HREF token 异常 Angular2 提供一个值

Question

我正在开发第一个 Angular 2 应用程序并具有以下代码

AppModule.ts 代码

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import {RouterModule} from '@angular/router';

import { AppComponent }  from './app.component';
import { MenuComponent} from './home/menu/menu.component';
import { FooterComponent} from './home/footer/footer.component';
import { AboutComponent} from './personalDetails/about/about.component';
@NgModule({
  imports:  [ 
              BrowserModule,
              RouterModule.forRoot([
                  {path: '' , component : AboutComponent},
                  {path: 'about' , component : AboutComponent}

                ])
            ],
  declarations: [ 
                AppComponent, 
                MenuComponent, 
                FooterComponent,
                AboutComponent,


                ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

AppComponent.ts代码

import { Component } from '@angular/core';

@Component({
    selector: 'app',
    template:   `
                <menu></menu>
                <router-outlet></router-outlet>
                <footer></footer>

                `

})
export class AppComponent { }

我的控制台显示以下错误

Answer 1

修复很简单，我忘记在 index.html 中添加基本 href 标签，

<base href="/"/>

当我研究为什么我们应该默认添加 base href 而在 angular1 中不是这种情况。我发现了以下内容

1. 默认 Angular2 使用HTML5
2. 不需要哈希符号。
3. URL 重写是必要的，如果应用程序运行在每个服务器不同的任何服务器上，并且可以在独立于 Tomcat 的文档中找到, <强> IIS 等