Erreur: Uncaught (promettre): Erreur: Ne peut pas correspondre à toutes les routes Angulaire 2

Erreur

Je suis en œuvre imbriquée de routage dans mon application. lors de l'application des charges de ses spectacles écran de connexion après la connexion de ses rediriger vers la page d'administration où plus d'enfant, il existe des itinéraires comme l'utilisateur, produit, api, etc. maintenant, quand je navigue à l'admin il byddefault charge de l'utilisateur de l'écran, mais plus à l' <routeLinks> pas de travail et sa montre cette erreur.
Error: Uncaught (in promise): Error: Cannot match any routes: 'product'

Erreur: Uncaught (promettre): Erreur: Ne peut pas correspondre à toutes les routes Angulaire 2

Après Cliquez sur Produit, il montre ce
Erreur: Uncaught (promettre): Erreur: Ne peut pas correspondre à toutes les routes Angulaire 2

Code principal.ts

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { APP_ROUTER_PROVIDERS } from '../app/app.routes';
import { AppComponent } from '../app/app.component';

bootstrap(AppComponent, [APP_ROUTER_PROVIDERS]);

app.composant

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';

@Component({
  selector: 'demo-app',
  template: `

    <div class="outer-outlet">
      <router-outlet></router-outlet>
    </div>
  `,
  directives: [ROUTER_DIRECTIVES]
})
export class AppComponent { }

app.itinéraires

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

import { AboutComponent, AboutHomeComponent, AboutItemComponent } from '../app/about.component';
import { HomeComponent } from '../app/home.component';

export const routes: RouterConfig = [
  { 
    path: '', 
    component: HomeComponent
   },
  {
    path: 'admin',
    component: AboutComponent,
    children: [
      { 
        path: '', 
        component: AboutHomeComponent
       },
      { 
        path: '/product', 
        component: AboutItemComponent 
      }
    ]
  }
];

export const APP_ROUTER_PROVIDERS = [
  provideRouter(routes)
];

la maison.composant

import { Component } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl:'../app/layouts/login.html'
})
export class HomeComponent { }

sur.composant

import { Component } from '@angular/core';
import { ActivatedRoute, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
  selector: 'about-home',
  template: `<h3>user</h3>`
})
export class AboutHomeComponent { }

@Component({
  selector: 'about-item',
  template: `<h3>product</h3>`
})
export class AboutItemComponent { }

@Component({
    selector: 'app-about',
    templateUrl: '../app/layouts/admin.html',
    directives: [ROUTER_DIRECTIVES]
})
export class AboutComponent { }
  • Votre app.routes est identique à app.component. Pourriez-vous s'il vous plaît poster au bon app.routes. Je suis actuellement confronté au même problème que vous.
  • question de mise à jour