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> 

을

그 줄은 꼭 움직여야합니다. app.component.html 파일 또는 템플릿 문자열의 ewhere