例外：ルータのインスタンス化中にエラーが発生しました！ （RouterLink - > Router）

Question

私はルートを動作させようとしていますが、後続のエラーが発生しています。私の目標は、ページの読み込み時にデフォルトのコンポーネントを読み込み、その後、ユーザーがナビゲーションからクリックすると、より多くのルートを読み込むことができるようにすることです。

まず、デフォルトのルータをロードしようとしていますが、このエラーが発生しています。今、私はルータリンクとRouterOutletを両方ともapp.component.tsに保管していました。

EXCEPTION: Error during instantiation of Router! (RouterLink -> Router). 
ORIGINAL EXCEPTION: Component for route "/home" is not defined, or is not a class. 

私のアプリのコンポーネントは次のようであるここ

import {Component} from 'angular2/core'; 
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router'; 
import {ACCORDION_DIRECTIVES, DROPDOWN_DIRECTIVES, Collapse} from "ng2-bootstrap/ng2-bootstrap"; 
import {CORE_DIRECTIVES} from "angular2/common"; 
import {MyAppComponent} from "./components/myapp.component"; 
import {RouterLink} from "angular2/router"; 
import {RouterOutlet} from "angular2/router"; 


@Component({ 
    selector: 'my-app', 
    template:`<a [routerLink]="['Home']">Heroes</a> 
     <router-outlet></router-outlet><myapp></myapp>`, 
    directives:[ACCORDION_DIRECTIVES, DROPDOWN_DIRECTIVES, CORE_DIRECTIVES, 
     RouterLink,Collapse, ROUTER_DIRECTIVES, MyAppComponent, RouterOutlet], 
    providers:[ROUTER_PROVIDERS] 
}) 

//Router configuration 
@RouteConfig([ 
    { 
     path: '/home', 
     name: 'Home', 
     component:'HomeComponent', 
     useAsDefault: true 
    } 
]) 
export class AppComponent { } 

マイmain.tsで、誰もが知っている場合いただきました！私のコードで間違った後、私に知らせてください。この

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 
import {ROUTER_PROVIDERS} from "angular2/router"; 

bootstrap(AppComponent,[ROUTER_PROVIDERS]); 

のように見えます。..

Answer 1

は、すべてのコンポーネントからproviders:[ROUTER_PROVIDERS]を削除すると思います。 ROUTER_PROVIDERSを

bootstrap(AppComponent, [ROUTER_PROVIDERS]) 

Answer 2

最初にEricが述べたように、

次に、私は問題がHomeComponentであると思います。 RouteConfigに任意のルートを定義したら、を定義したすべてのルートコンポーネントをインポートする必要があります。

だから私は、これはあなたの問題を解決する必要があり、

import {HomeComponent} from 'HomeComponent path';