Comment résoudre l'erreur Angular "NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class" ?

Angular est un des frameworks développés et utilisés par Google dans ses services. Il a connu de très importantes évolutions dans ses différentes versions. Il est conçu pour permettre le développement intégral d'une application web. Si vous rencontrez le message d'erreur "NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class" quand vous testez votre application, il existe plusieurs causes possibles.

La première cause possible de ce message d'erreur est le fait que le module que vous venez d'intégrer avec la commande "ng serve" n'a pas encore été pris en compte par le serveur. Redémarrez le serveur pour que celui-ci prenne en compte le module ajouté avec la direction "@NgModule" dans le fichier "app.module.ts". Utilisez ensuite de nouveau la commande "ng serve" pour lancer votre application.

Une autre cause possible est un problème de configuration de votre module, dans le fichier "app.module.ts". Un composant ne doit pas être incorporé dans la directive "imports", mais dans la directive "declarations". Si vous vous trompez, alors le message "NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class" va s'afficher.

declarations: [
  MonComposant, // Correct
],
imports: [
  BrowserModule,
  AppRoutingModule,
  MonComposant // Erreur
],

La dernière cause possible est votre directive d'import, toujours dans le fichier "app.module.ts". Vous devez prendre comme nom de classe celui se terminant bien par "Module", sinon le module importé n'est pas le bon et le message d'erreur s'affiche.

imports: [
  BrowserModule, // Correct
  Browser // Erreur
]

AngularJS