Angular 4 Lazy Load Routing - Kinder werden nicht geladen

Question

Ich habe eine Lazy Load-Komponente, und ich habe ein Problem mit dem Routing innerhalb davon.

die Routen wie folgt aussehen:

const routes: Routes { 
     {path: '': component: ReportsComponent, children:[ 
     {path: '', component: DeviceReportComponent}, 
     {path: 'sites', component: SiteReportComponent}, 
     {path: 'devices', component: DeviceReportComponent} 
     ]} 
    } 

jetzt, wenn ich an die Komponente zu navigieren, die erste Route lädt perfekt, aber jeder Navigation Versuch danach ignoriert.

irgendwelche Ideen?

Answer 1

Ich kann mir vorstellen, dass zwei leere Pfade Routing zu zwei verschiedenen Komponenten Probleme verursachen würde. this training zeigt, dass die Wurzel leere Pfad immer Routen zu einer benannten Route mit einer Komponente:

export const routes: Routes = [ 
    { path: '', redirectTo: 'product-list', pathMatch: 'full' }, 
    { path: 'product-list', component: ProductList }, 
    { path: 'product-details/:id', component: ProductDetails, 
    children: [ 
     { path: '', redirectTo: 'overview', pathMatch: 'full' }, 
     { path: 'overview', component: Overview }, 
     { path: 'specs', component: Specs } 
    ] 
    } 
]; 

Sie könnten versuchen, zu dieser Vorlage zu bleiben.

Answer 2

ok

nach einigen Graben in dem Code, den Fehler gefunden: im Haupt-Router hatte ich Berichte /: Typen, in dem die: Typ hatte offensichtlich keinen Platz dort ...