angular - 如何使用 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}
);

我收到一个错误：

无法解决 '..\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'