Angular2 Router-Fehler: kann Nicht match irgendwelche Routen: "

Habe ich konfiguriert Angular2 Router wie folgt:

import { provideRouter, RouterConfig } from '@angular/router';
import { Page2} from './page2';

const routes: RouterConfig = [
  { path: 'page2', component: Page2 }
];

export const appRouterProviders = [
  provideRouter(routes)
];

Plnkr verfügbar hier

Auf dem Ausführen des Codes erhalte ich die Fehlermeldung:

Error: Cannot match any routes: ''

Was vermisse ich hier ?

welche version verwenden Sie ? angular2 rc2 oder rc4?
weiß nicht, was plnkr importiert

InformationsquelleAutor runtimeZero | 2016-07-13

  1. 4

    Müssen Sie eine route für den Fall, wo der Benutzer auf der index-Seite Ihrer app, wird diese route ist der Weg ", und es sollte so Aussehen: { path: '', component: MyComponent }

    Wenn Sie möchten, dass Ihre Standard-Seite page2 Sie müssen sagen, Ihre index-Pfad umleiten, um es wie folgt:

    { path: 'page2', component: Page2 },
{ path: '', redirectTo: '/page2', pathMatch: 'full' }

    Hier die Reihenfolge wichtig ist, die am meisten spezifische route sollte zuerst kommen.

    InformationsquelleAutor Diego Fontenelle

  2. 2

    Definieren Sie den Standard-router für '' wie:

    const routes: RouterConfig = [
  { path: '', component: Home }, 
  { path: 'page2', component: Page2 }
];

    Oder mittels redirect:

    const routes: RouterConfig = [
  { path: '', redirectTo: '/page2', pathMatch: 'full' }, 
  { path: 'page2', component: Page2 }
];

    Siehe auch das Beispiel von angular2 Dokumentation

    InformationsquelleAutor yurzui

  3. 0

    mein Verständnis , die Sie verwenden möchten, wie app.ts-Seite default-Seite geladen und page2 durch klicken Page2?

    Option1: schnell lösen Problem

    Durch die Lösung Ihrer aktuellen Konsole-Fehler, den Sie hinzufügen können, um Ihre app.route.ts

    import { App} from './app'; 

const routes: RouterConfig = [
  { path: '', component: App, useAsDefault: true }
  { path: 'page2', component: Page2 }
];

    Und Ergebnis

    Angular2 Router-Fehler: kann Nicht match irgendwelche Routen:

    Aber Sie werden sehen, Ihre app.ts html-lädt zwei mal auf Last! das ist keine gute Art und Weise zu lösen!

    Option2:

    Habe, da ich in meinem Projekt,habe ich empfohlen, Sie schaffen neue home-Seite als Standard-Seite .Dann rufen Sie Page2 im app.ts

    Hier ist Plnkr http://plnkr.co/edit/vzl9lw

    Wäre es Ihre Anforderung zu erfüllen!

    InformationsquelleAutor ahkeno

Schreibe einen Kommentar