Angular2-Router: Wie werden untergeordnete Module mit ihren eigenen Routing-Regeln korrekt geladen?

hier ist meine Angular2 App Struktur:

Hier ist ein Teil meines Codes. Das Folgende ist das Haupt-module der Angular2-App, die ihre Routing-Regeln und ein untergeordnetes Modul (EdgeModule) importiert und einige Komponenten verwendet, die sich auf bestimmte Seiten beziehen.

app.module.ts

@NgModule({
    declarations: [
        AppComponent,
        PageNotFoundComponent,
        LoginComponent
    ],
    imports: [
        ...
        appRouting,
        EdgeModule
    ],
    providers: [
        appRoutingProviders,
        LoginService
    ],
    bootstrap: [AppComponent]
})

export class AppModule {
}

Hier sind die Routing-Regeln für das Hauptmodul. Es gibt Pfade zur Anmeldeseite und Seite nicht gefunden.

app.routing.ts

const appRoutes: Routes = [
    { path: 'login', component: LoginComponent },
    { path: '**', component: PageNotFoundComponent }
];

export const appRoutingProviders: any[] = [];

export const appRouting = RouterModule.forRoot(appRoutes, { useHash: true });

Hier ist EdgeModule, das die verwendete Komponente deklariert und ihre eigenen Routing-Regeln und 2 untergeordneten Module (FirstSectionModule und SecondSectionModule) importiert.

Edge.module.ts

@NgModule({
    declarations: [
        EdgeComponent,
        SidebarComponent,
        TopbarComponent
    ],
    imports: [
        ...
        edgeRouting,
        FirstSectionModule,
        SecondSectionModule
    ],
    providers: [
        AuthGuard
    ]
})

export class EdgeModule {
}

Hier sind die Routing-Regeln für das Modul, das, wie Sie sehen können, Komponenten der oberen Leiste und der Seitenleiste lädt.

Edge.routing.ts

Paths['edgePaths'] = {
    firstSection: 'firstSection',
    secondSection: 'secondSection'
};

const appRoutes: Routes = [
    { path: '', component: EdgeComponent,
        canActivate: [AuthGuard],
        children: [
            { path: Paths.edgePaths.firstSection, loadChildren: '../somepath/first-section.module#FirstModule' },
            { path: Paths.edgePaths.secondSection, loadChildren: '../someotherpath/second-section.module#SecondModule' },
            { path: '', redirectTo: edgePaths.dashboard, pathMatch: 'full' }
        ]
    }
];

export const edgeRouting = RouterModule.forChild(appRoutes);

Schließlich ist dies eines der beiden untergeordneten Module, die ihre Komponenten haben und ihre Routing-Regeln importieren.

first-section.module.ts

@NgModule({
    declarations: [
        FirstSectionComponent,
        SomeComponent
    ],
    imports: [
        ...
        firstSectionRouting
    ],
    providers: [
        AuthGuard,
    ]
})

export class FirstSectionModule {
}

Dies sind die Weiterleitungsregeln für die Seiten (Komponenten) von FirstSectionModule

first-section.routing.ts

Paths['firstSectionPaths'] = {
    someSubPage: 'some-sub-page',
    someOtherSubPage: 'some-other-sub-page'
};

const appRoutes: Routes = [
    {
        path: '',
        children: [
            { path: Paths.firstSectionPaths.someSubPage, component: someSubPageComponent},
            { path: Paths.firstSectionPaths.someOtherSubPage, component: someOtherSubPageComponent},
            { path: '', component: AnagraficheComponent }
        ]
    }
];

export const firstSectionRouting = RouterModule.forChild(appRoutes);

Fast das gleiche passiert für second-section.module.ts und second-section.routing.ts Dateien.

Wenn ich die App starte, werden als erstes die Seiten geladen, die sich auf FirstSectionComponent beziehen, ohne Seitenleiste oder obere Leiste.

Können Sie mir sagen, was mit meinem Code nicht stimmt? Es gibt keine Fehler in der Konsole.