web-dev-qa-db-fra.com

'routeur-prise' n'est pas un élément connu dans angular 6

J'obtiens l'erreur suivante lors d'une nouvelle installation d'angular6 à l'aide de angular-cli.

Erreur non capturée: erreurs d'analyse du modèle: "routeur-prise" n'est pas un élément connu: 1. Si "routeur-prise" est un composant Angular, vérifiez qu'il fait partie de ce module.

J'ai suivi ce guide: https://medium.com/@meemo_86/good-article-beeman-490eaf1399a

Et puis j'ai suivi le commentaire sur cet article qui dit d'utiliser <router-outlet></router-outlet> Au lieu de <ng-content></ng-content>.

Je fais ces corrections, puis je lis sur https://angular.io/tutorial/toh-pt5 , et fais ce qui est indiqué ici.

Alors maintenant, j’ai un AppRoutingModule, j’importe ce module dans app.module.ts, où j’ai aussi const les routes et ajouté RouterModule.forRoot(appRoutes) aux imports.

Mais je ne peux pas obtenir cette erreur pour partir. Qu'est-ce que je fais mal? Lorsque j'ajoute <router-outler></router-outlet> Dans mon layout.component.htm, L'application se rompt. J'ai également effectué des recherches sur ce sujet ici et essayé plusieurs modifications, mais rien ne semble fonctionner.

Le code source complet est ici:

https://github.com/ekstremedia/angular6

angularrouter-outlet
8
Terje Nesthus

Je vois qu'il vous manque RouterModule dans les importations d'UIModule

@NgModule({
  imports: [
    CommonModule,
    RouterModule
  ],
  declarations: [LayoutComponent, HeaderComponent, FooterComponent],
  exports: [LayoutComponent]
})
export class UiModule { }
21
Sajeetharan

Vous obtenez l'erreur parce que vous utilisez le composant routeur-prise dans le UIModule et que vous n'avez pas importé le RouterModule dans UIModule.

4
SplitterAlex

J'ai rencontré le même problème aussi. Et j'ai déjà importé le RouterModule dans UIModule, cela ne fonctionne toujours pas. Mais après avoir redémarré l'application, cela a fonctionné, plus d'erreurs.

Voici ce que vous devez faire: 1. Importez le RouterModule dans UIModule. 2. Redémarrez votre application

1
李岳芸

Dans le dossier app.module.ts ce que j'ai fait, j'ai importé les éléments suivants

import { AppRoutingModule } from './app-routing.module';

aussi n'oubliez pas de l'ajouter dans le @NgModule

0
user3399358