angular - Angular2 的最新版本提示 : NgModule DynamicModule uses HomeComponent via "entryComponents"

Question

自从切换到 Angular 2 的最新版本(即在 github 上，master)，我收到关于我所有组件的警告如下:

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

除了 HomeComponent 之外，我的所有组件都收到相同的错误消息。

任何人都可以提供有关这些的信息吗？

Answer 1

这也引起了我的注意。 RC5 中对路由和引导方式的显着更改非常依赖 app.module.ts 和 @NgModule 装饰器。文档已在此处更新:https://angular.io/docs/ts/latest/和这里的变更日志:https://github.com/angular/angular/blob/master/CHANGELOG.md

对路由文件的主要更改是对import 和export 语句的更改。下面展示了一个简单的示例，它有两个组件，AppComponent 和 HomeComponent，它们服务于 index.html 中的 HomeComponent :

文件:app.routing.ts

import { Routes, RouterModule } from '@angular/router';

import { HomeComponent } from './home.component';

const appRoutes: Routes = [
    {
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
    },
    {
        path: 'home',
        component: HomeComponent
    }
];

export const routing = RouterModule.forRoot(appRoutes);`

然后你需要使用一个 NgModule 文件:

文件:app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';
import { HomeComponent } from './home.component';

import { routing }        from './app.routing';

@NgModule({
    imports:      [ BrowserModule, routing ],
    declarations: [ AppComponent, HomeComponent ],
    bootstrap:    [ AppComponent ]
})
export class AppModule { }

然后您需要将 AppModule 拉入 main.ts 并使用它进行引导。

文件:main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);`

此模式不会产生控制台警告消息。