Angular - Wie kann ich AUX-Route mit Lazy-Loaded-Modul aktivieren?

Question

Ich habe eine eckige App, die lazy Modul lädt.

Zunächst wird die App zu home navigiert wird, wo es das Modul lädt (benannt module1):

Haupt-Routing:

const routes: Routes = [ 
    { path: "", redirectTo: "/home", pathMatch: "full" }, 
    { path: "home", loadChildren: "./module1/module1.module#Module1Module" }, 

]; 

Bei module1 - Routing-Tabelle gibt es auch:

const routes: Routes = [ 
    { 
     path: "", component: Home1Component, 
     children: [ 
      { path: 'bird', outlet: 'under', component: Home2Component } 
     ] 
    } 
]; 

Also, da es lädt, wenn die App startet - es geht zu /home wo es lädt es die Home1Component

Aber Home1Component auch eine Schaltfläche in ihm hat die einen Wert an die Auslass-Route setzen annehmen.

home1.component.html:

<input value="click to activate aux route" type="button" (click)="go()"/> 
<router-outlet ></router-outlet> 
<router-outlet name='under'></router-outlet> //<---- I want to activate only this 

Dies ist, wie ich versuche, den Ausgang Weg zu aktivieren:

public go() { 
    this.router.navigate([{ outlets: { under: ['bird'] } }], { relativeTo: this.route }) 
    } 

Aber ich einen Fehler:

Error: Cannot match any routes. URL Segment: 'home'

Frage:

Warum erhalte ich diesen Fehler und wie kann ich ihn beheben?

Online code here : Stackblitz

Answer 1

Nun mit Hilfe von @ jmw5598, der mich mit dem Router auf das Problem/bug verwiesen.

Es liegt ein Problem mit dem leeren Standardspeicherort für Lazy Loaded Module vor.

Here is a working solution for the problem .

Der Schlüssel, was zu verstehen ist, dass faul Module nicht leer Wurzelpfad

Related specific description haben sollte: