Fehler: kann Nicht match irgendwelche Routen. URL-Segment: "

Ich versuche zu reproduzieren mein problem mit Angular2 router aber ich kann nicht erstellen Sie eine Arbeitskopie von meinem Projekt in Plunker.

Hier ist mein Versuch: https://plnkr.co/edit/1lpoYP4qlBZLuqZHW7Ft

Ich habe folgende code-Zeile in die index.html - Datei für die Routen, Pfade, arbeiten mit der Ausführungsumgebung von Plunker und mit meinem '' Standard-Pfade.

<script>document.write('<base href="' + document.location + '" />');</script>

Warum ich bin stilling diese Fehlermeldung erhalten?

InformationsquelleAutor smartmouse | 2016-10-19

  1. 10

    1. Hast du einen kleinen Tippfehler in den plnkr:

      loadChildren: 'app/Faust-Abschnitt.Modul#FirstSectionModule' }

      könnte ersten 😉

    2. Gibt es noch ein weiteres problem: Auch Kinder benötigen einen leeren ''-Pfad. Also statt zu schreiben

    children: [
    { path: 'first-section', loadChildren: 'app/first-section.module#FirstSectionModule' }
    ]

    sollten Sie einen leeren Pfad und leitet Sie zur first-section-Pfad wie in diesem Beispiel:

    children: [
    { path: '', redirectTo: 'first-section'},
    { path: 'first-section', loadChildren: 'app/fist-section.module#FirstSectionModule' }
]

    Hier ist die korrigierte plnkr:

    https://plnkr.co/edit/9fMwx0?p=preview

    Update Winkel 2.4.1:

    Bemerkte ich, dass mit der neuesten version von eckig (2.4.1) ist es nicht mehr notwendig, verwenden Sie einen leeren Pfad für Kinder-Routen.

    Ich aktualisiert die plunker mit den neuesten eckige 2.4.1 version: PLUNKER. Das Beispiel ausgeführt wird, ohne einen leeren Pfad jetzt.

    Ich danke Ihnen sehr für Ihre Unterstützung! Wie auch immer wie Sie sehen können, die wichtigsten app-Komponente ist zweimal geladen. Können Sie noch einmal einen Blick auf das (aktualisierte) Plunker? plnkr.co/Bearbeiten/AB6ac11Ne50Tj9zuzf57
    Das problem ist, dass Sie definiert haben, die AppComponent für Ihre ''-Pfad. So lädt die Kinder in Ihr root - <router-outlet> in denen Sie Ihre ganze app läuft. Sie müssen erstellen Sie eine weitere Komponente, ich nannte es StartComponent: Siehe den aktualisierten plunker: plnkr.co/Bearbeiten/5f7Q0Pgji64l5GauDqMX?p=Album Vorhören
    Was könnte ich ändern in die Wege zu machen, arbeiten, ohne eine neue "container" - Komponente?
    Außerdem, wenn ich auf "Sub-Seite" ich möchte sehen, wie es unter "Erster Abschnitt-container"... aber es lädt an der topper-Ebene (es ersetzt die "Ersten Abschnitt container" statt, erscheinen unter es).
    Sie nicht bekommen kann es arbeiten, ohne eine neue container-Komponente. Wenn Sie die "AppComponent" für die ''-Pfad, es ersetzt die aktuelle Komponente, die geladen ist, in der parent-router-Steckdose. So ersetzen Sie das ganze AppComponent z.B. mit dem "Ersten Abschnitt Comp.". Probieren Sie es aus 🙂 Aber Sie werden besser gehen, hinzufügen einer anderen Komponente. wenn Sie möchten, um zu sehen, die sub-Seiten unter den "Ersten Abschnitt container" - Sie haben, um Kinder wieder (plunker).

    InformationsquelleAutor Philipp Kief

Schreibe einen Kommentar