我只是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做了同样的应用程序,它工作正常 . 有人可以帮我解决这个问题吗?谢谢