Angular2路由拋出錯誤

Question

我試圖設置一個將路由應用程序的模塊。 我已經結束了設置所有變量，但它好像我錯過了一些東西，因爲我得到的錯誤： 「錯誤：未捕獲（承諾）：錯誤：找不到主要插座加載'IndexComponent' 錯誤：找不到主加載'IndexComponent'「 我不確定在哪裏尋找改變/凝視/研究我的代碼現在2個小時。

我的代碼：

routing.module.ts

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { Routes, RouterModule } from '@angular/router'; 
//Components 
import { IndexComponent } from './index/index.component'; 


export const routes: Routes = [ 
    {path: '',pathMatch: 'full', component: IndexComponent} 
] 

@NgModule({ 
    imports: [ 
    CommonModule, 
    [RouterModule.forRoot(routes)], 
    ], 
    exports: [RouterModule], 
    providers: [], 
    declarations: [] 
}) 
export class RoutingModule { } 

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { AlertModule } from 'ng2-bootstrap'; 
import { RoutingModule } from './routing.module'; 

import { AppComponent } from './app.component'; 
import { NavBarComponent } from './components/nav-bar/nav-bar.component'; 
import { IndexComponent } from './index/index.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    NavBarComponent, 
    IndexComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    RoutingModule, 
    [AlertModule.forRoot()] 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 1

確認你在你的模板主出口：

<router-outlet></router-outlet> 

那條線應該去som在你的app.component.html文件或模板字符串中。