Lazyロードモジュールルーチンでロードされていないコンテンツが角2である

Question

モジュールのルーティングが分割されています。

これはこれはこれは私のcontact.module.ts

import { NgModule } from "@angular/core"; 

import { CommonModule } from "@angular/common"; 

import { RouterModule } from "@angular/router"; 

import { ContactComponent } from "./contact.component"; 


const routes = [ 
    {path : "contact", component : ContactComponent} 
]; 

@NgModule({ 
    imports:  [ CommonModule, RouterModule.forChild(routes) ], 
    declarations: [ ContactComponent ], 
}) 

export default class ContactModule { 

} 

である私のapp.routing.ts

import { RouterModule } from '@angular/router'; 

import { AppComponent } from "./app.component"; 

import { Component } from "@angular/core"; 

@Component({ 
    template : `I am from home` 
}) 

export class HomeComponent {} 


const routes = [ 
    { 
     path : "", 
     component : HomeComponent 
    }, 
    { 
     path : "contact", 
     loadChildren : "app/contact/contact.module" 
    } 

]; 

export default RouterModule.forRoot(routes); 

である私のapp.module.ts

import { NgModule, Component } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { RouterModule } from '@angular/router'; 

import { AppComponent } from "./app.component"; 

import appRoutes from "./app.routing"; 

import { HomeComponent } from "./app.routing"; 

@NgModule({ 
    imports:  [ BrowserModule, appRoutes ], 
    declarations: [ AppComponent, HomeComponent ], 
    bootstrap: [ AppComponent ] 
}) 

export class AppModule { 

} 

あるHomeComponentリンクは正常に動作しています。しかし、私が経路に連絡した場合、ブラウザに内容は表示されません。

私は問題が何かを見つけることができません。どんな助けでも大歓迎です。

ありがとうございます。

Answer 1

あなたが負荷にしようとしているモジュールの名前を指定する必要があります。

loadChildren : "app/contact/contact.module#ContactModule"