NPMからモジュールのルートを処理する方法

Question

私はNPMモジュールからロードしている角モジュールを持っています。それからルートをロードするにはどうしたらいいですか？ここでは、ファイルに私app.module.tsからスニペットをされています

import { HelloWorldModule } from 'hello-world-app-npm/hello-world-app.umd.js'; // The module loaded from NPM 

const routes = [ 
{ path: 'hw', loadChildren:() => HelloWorldModule }, 
{ path: '', component: AppComponent }, 
] 

@NgModule({ 
declarations: [ 
    AppComponent 
], 
imports: [ 
    BrowserModule, 
    HelloWorldModule, 
    FormsModule, 
    HttpModule, 
    RouterModule.forRoot(routes) 
], 
exports: [RouterModule], 
providers: [], 
bootstrap: [AppComponent] 
}) 
export class AppModule { } 

ここで私は私のハローワールドモジュールを定義してきた方法です：

import { NgModule } from '@angular/core'; 
import { RouterModule } from '@angular/router'; 
import { HelloWorldComponent } from './hello-world.component'; 

export const routes = [{ path: '', component: HelloWorldComponent }] 

@NgModule({ 
    bootstrap: [HelloWorldComponent], 
    declarations: [ 
     HelloWorldComponent 
    ], 
    imports: [ 
     RouterModule.forChild(routes) 
    ] 
}) 
export class HelloWorldModule { 
} 

私は「/ HW」に行くとき私が得ますクロムのエラーがあります

Uncaught (in promise): RangeError: Maximum call stack size exceeded

私は間違っていますか？これをどうやって解決するのですか？

Answer 1

2つの理由が考えられます。

1. HelloWorldModuleは、AppModuleのインポート内には表示されません。
2. bootstrap: [HelloWorldComponent]内側HelloWorldModuleは不要です。