Question

我只是Angular 2的初学者。我正在尝试使用构建TODO应用程序 Angular 2与webpack bundeler。我正面临一个问题，即在尝试实现Angular Component Routing时没有加载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。但是当应用程序加载时会抛出错误

未处理的承诺拒绝：模板解析错误：   ＆＃39;路由器出口＆＃39;不是一个已知元素：


如果＆＃39; router-outlet＆＃39;是一个Angular组件，然后验证它是否是该模块的一部分。

如果＆＃39; router-outlet＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到了＆＃39; @ NgModule.schemas＆＃39;此组件禁止此消息。（＆＃34; - ＆gt;

[ERROR - ＆gt;]＆＃34;）：AppComponent @ 2：0;区域：;任务：Promise.then;值：错误：模板解析错误：（...）错误：模板解析错误：   ＆＃39;路由器出口＆＃39;不是一个已知的元素：   1.如果＆＃39; router-outlet＆＃39;是一个Angular组件，然后验证它是否是此模块的一部分。   2.如果＆＃39; router-outlet＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到了＆＃39; @ NgModule.schemas＆＃39;此组件禁止此消息。（＆＃34; - ＆gt;

[错误 - ＆gt;]＆＃34;）：AppComponent @ 2：0

我使用 System.js 做了同样的应用程序，它运行正常。有人可以帮我解决这个问题吗？感谢

使用webpack时未导入Angular 2 Route模块

0 个答案: