如何使用 angular-router-loader 异步加载子进程

Question

我的文件夹结构如下：

 - 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}
);

我得到一个错误：

Can't resolve '..\vacancy'

尽管文件夹 app 中有文件夹空缺，并且空缺内有一个文件 vacancy.module.ts，它看起来像：

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

export class VacancyModule {
    public static routes = routes;
}

知道我做错了什么吗？

Answer 1

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

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

如何使用 angular-router-loader 异步加载子进程

How to loadChildren async with angular-router-loader

angular

angular4

angular-router-loader