RouterOutletMapのプロバイダはありません！ in angle2 app

Question

私はangle2アプリのルーティングを作ろうとしています。私はthisとthisのような多くの質問を見てきましたが、どれも私を助けませんでした。ここで

は私app.route.ts次のとおりです。ここでは、その後

import { provideRouter, RouterConfig } from '@angular/router'; 
import {FormComponent} from './form.component'; 
import {AboutComponent} from './about-this.component'; 

const routes: RouterConfig = [ 
    { path:'home' , component: FormComponent }, 
    { path:'about', component: AboutComponent }, 
    { path:'**' , component: FormComponent } 
]; 

export const appRouterProviders = [ 
    provideRouter(routes) 
] 

とは、私のルートコンポーネントです：

import { ROUTER_DIRECTIVES, Router } from '@angular/router'; 
import { Component } from '@angular/core'; 
import {NavbarComponent} from './shared/navbar.component'; 
import {appRouterProviders} from './app.routes' 


@Component({ 
    moduleId: module.id, 
    selector: 'app-root', 
    templateUrl: 'app.component.html', 
    styleUrls: ['app.component.css'], 
    directives:[NavbarComponent,ROUTER_DIRECTIVES], 
    providers: [appRouterProviders] 
}) 

export class AppComponent { 
    title = "Here is Root!"; 
    } 

や寺では、（app.component.html）です：

<router-outlet></router-outlet> 

することができますように参照してください、私は./app.routes私のルートプロバイダーとして使用されています。 結果として、私はhttp://localhost:4200/homeを使用するとフォームコンポーネントを取り込みますが、それは起こりません。また、コンソールにエラーはありません。 何が問題になりますか？

アップデート： 私も、main.tsで私のアプリをブートストラップ：

import { bootstrap } from '@angular/platform-browser-dynamic'; 
import {AppComponent} from './app.component'; 
import {appRouterProviders } from './app.routes'; 

bootstrap(AppComponent,[appRouterProviders]); 

Answer 1

ルータは私が持っている上記の回答にコメントのオフに基づいてbootstrap

bootstrap(AppComponent, [appRouterProviders]) 

Answer 2

で提供される必要があります試してみることのできるソリューションはありません...

最初に：package.jsonファイルの変更

また、この

"@angular/router": "3.0.0-beta.2" 

へ

"@angular/router": "whatever version you have" 

あなたはPackage.jsonファイルはクイックスタートhereのようなものを見ていないならば、私は上記の変更を行う、プロジェクトにそれを上に対処を示唆している、とプロジェクトにnpm installを実行します。その後、あなたのアプリを起動し、あなたが得るものを見てみてください。