APP_BASE_HREFトークン例外のために価値を提供してくださいAngular2

Question

私が第1の角度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

修正は簡単で、私はangular1ではそうではありませんどの

<base href="/"/> 

私は研究

は、なぜ我々は、デフォルトでは、ベースHREFを追加する必要があり、index.htmlの中でベースのhrefタグを追加するのを忘れ。私は デフォルトで

1. 次 Angular2は、いかなるハッシュ記号は必要ありませんHTML5
2. 使用しました。
3. アプリケーションは、サーバごとに異なっており、Tomcatために分離されているマニュアルに見出すことができるサーバのいずれかで実行された場合に書き換えが必要であるURL、IIS等