2017-10-12 29 views
1

角度4のレイジーロードモジュールを実装しましたが、チャックを正常に作成することができましたが、レイジーロードモジュールをレンダリングしようとすると、次の通りですが、コンポーネントはレンダリングされず、最悪の場合は角度がエラーをスローしません。遅延ロードされたコンポーネントがレンダリングされていない角度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ルートのようにすべきです:Routes = 、 {パス: 'career-info'、コンポーネント:CareerInfoComponent} ] }、 ];それは私のために働いています。 –

関連する問題