2017-10-12 96 views
1

我已经实现了lazy加载模块与角4和能够创建成功,但是,当我尝试呈现该懒惰加载模块成功chuck成功,因为我可以看到我的网络和图像如下所示,但组件不是渲染,最糟糕的情况是角度不会引发任何错误。懒惰加载组件不渲染Angular 4

请帮助我如果我失去了一些东西。

app.routing.ts

const routes: Routes = [ 
    { path: 'career-info', loadChildren: 'app/components/career-info/career-info.module#CareerInfoModule', data: { pageName: 'career-info', screenName: 'experience level', screenCategory: 'choose template', title: 'Career Info - My Perfect Cover Letter', isRegisteredUser: true } }, 
    { path: 'how-it-works', component: HowItWorksComponent, data: { pageName: 'how-it-works', screenName: 'how it works', screenCategory: 'choose template', title: 'How It Works - My Perfect Cover Letter' } }, 
    { path: '**', loadChildren: 'app/components/career-info/career-info.module#CareerInfoModule' } // TODO: give here 404 component 
]; 

@NgModule({ 
    imports: [RouterModule.forRoot(routes)], 
    exports: [RouterModule] 
}) 

export class AppRoutingModule { } 
export const RoutingComponents = [HowItWorksComponent] 

组块 enter image description here

网络 enter image description here

回答

0

使用RouterModule.forChild(路由)这会工作。

+0

更改后,我得到错误为“未处理的承诺拒绝:无路由器提供商!;区域:;任务:Promise.then;值:错误:无路由器提供商!”。 –

+0

我不知道这是否回答,但延迟加载模块的路由应该是类似于const路由:路由= {0} , {path:'career-info',component:CareerInfoComponent} ] }, ];因为它为我工作。 –