如何从 NPM 处理模块的路由

Question

我有一个从 NPM 模块加载的 Angular 模块。如何从中加载路线？这是我的 app.module.ts 文件中的一个 sn-p：

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 { }

这是我定义我的 hello world 模块的方式：

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”时，我在 chrome 中收到错误提示

未捕获（承诺中）：RangeError：超出最大调用堆栈大小

我做错了什么？我该如何解决这个问题？

Answer 1

我怀疑这可能是因为两件事。

1. HelloWorldModule 不应出现在 AppModule 导入中。
2. bootstrap: [HelloWorldComponent] 内 HelloWorldModule 是不必要的。