2017-10-12 135 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} ] }, ];因爲它爲我工作。 –