我只是Angular 2的初学者 . 我正在尝试使用Angular 2和webpack bundeler构建一个TODO应用程序 . 我正面临一个问题,在尝试实现角度组件路由时没有加载RouterModule .

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { BrowserModule }  from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { ToDoModule } from './todos/todo.module';
import { HeaderComponent } from './app-header.component';

const ROUTES: Routes = [{
  path:'home', component: HeaderComponent
}];

@NgModule({
  imports: [
    BrowserModule,
    ToDoModule,
    RouterModule.forRoot(ROUTES)
  ],
  declarations: [
    AppComponent,
    HeaderComponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

我在AppComponent的HTML中包含了 router-outlet . 但是当应用程序加载时会抛出错误

未处理的Promise拒绝:模板解析错误:'router-outlet'不是已知元素:如果'router-outlet'是Angular组件,则验证它是否是此模块的一部分 . 如果'router-outlet'是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@NgModule.schemas'以禁止显示此消息 . (“ - > [ERROR - >]”):AppComponent @ 2:0;区域:;任务:Promise.then;值:错误:模板解析错误:(...)错误:模板解析错误:'router-outlet'不是已知元素:1 . 如果'router-outlet'是Angular组件,则验证它是否是此模块的一部分 . 2.如果'router-outlet'是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@NgModule.schemas'以禁止显示此消息 . (“ - > [ERROR - >]”):AppComponent @ 2:0

我使用System.js做了同样的应用程序,它工作正常 . 有人可以帮我解决这个问题吗?谢谢