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'

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

1 个答案: