angular - RC5 NgModules 声明

Question

将 Angular 2 升级到 RC5 后，我收到如下警告，要求我将组件移至模块声明:

NgModule AppModule uses AcademylistComponent via "entryComponents" but it was neither declared nor imported! This warning will become an error after final.

我在我的路由器配置文件中引用了这些组件。看起来像这样:

import {provideRouter,RouterConfig} from '@angular/router';
import {AcademylistComponent} from '../modules/home/component/academyList.component';
import {CourselistComponent} from '../modules/home/component/courseList.component';
import {CreateacademyComponent} from '../modules/home/component/createAcademy.component';
import {ReportsComponent} from '../modules/home/component/reports.component';
import {AuthenticatedGuard} from '../guards/authenticated.guard';

export const routes: RouterConfig = [
{
    path: '',
    redirectTo:'/home',
    terminal:true},
{
    path: 'home',
    canActivate: [AuthenticatedGuard],
    children: [

        {path: '', component: AcademylistComponent},
        {path: 'my-academies', component: AcademylistComponent},
        {path: 'my-courses', component: CourselistComponent},
        {path: 'create-academy', component: CreateacademyComponent},
        {path: 'reports', component: ReportsComponent}

    ]

}

];

export const APP_ROUTER_PROVIDERS = [
provideRouter(routes)
];

当我将组件移动到 ng 模块的 declarations 数组并将它们导入到那里时，路由配置文件确实开始给我找不到名称错误。

那么在这种情况下我该如何使用模块声明呢？

Answer 1

即使您在路由中声明它们，您仍然必须在 NgModule 中声明路由中使用的组件。

@NgModule({
  declarations: [
    AcademylistComponent,
    //.. and so on
  ], 
  providers: [
    APP_ROUTER_PROVIDERS
  ]
})
export class AppModule {}