如何使用 angular-router-loader 异步加载儿童答案

【问题标题】：How to loadChildren async with angular-router-loader如何使用 angular-router-loader 异步加载儿童
【发布时间】：2017-08-28 06:53:46
【问题描述】：

我的文件夹结构如下：

 - app
   -core
   -vacancy

在core 文件夹中，我有app.routing.ts，我想在其中异步添加到空缺的路由。

我是这样做的：

export const routing = RouterModule.forRoot([
        {
            path: '',
            component: HomeComponent,
            canActivate: [AuthGuard]
        },
        {
            path: 'vacancy',
            loadChildren: '../vacancy#VacancyModule'
        },
        {
            path: '**',
            component: NotFoundComponent
        }
    ], {useHash: true}
);

我得到一个错误：

无法解析“..\vacancy”

尽管文件夹app 中存在文件夹空缺，而空缺内部有一个文件vacancy.module.ts，其` 看起来像：

// some imports here
@NgModule({
    declarations: [
        VacancyBaseComponent
    ],
    imports: [
        CommonModule,
        FormsModule,
        RouterModule.forChild(routes),
    ],
})

export class VacancyModule {
    public static routes = routes;
}

任何想法我做错了什么？

【问题讨论】：

标签： angular angular4 angular-router-loader

【解决方案1】：

有点晚了。如果你还没有弄清楚，试试这个：

loadChildren: 'app/vacancy/vacancy.module#VacancyModule'

【讨论】：