Dernière mise à jour 2 février, 2023 at 02:59
Vous travaillez sur un projet angular puis vous rencontrez cet extrait d’erreur : The class AppComponent is listed in the declarations of the NgModule AppModule, but is not a directive, a component, or a pipe….
Ce dépannage concerne un type de problème qu’on peut rencontrer lors du développement d’une application avec angular.
Les problèmes de ce type ont souvent plusieurs solutions dont certaines ne vont pas correspondre à la votre. Dans cet article nous ajoutons notre grains de sel en vous proposant une solution qui a fonctionnée avec notre projet.
Solution pour “The class AppComponent is listed in the declarations of the NgModule AppModule” :
Le message complet de l’erreur qu’on va résoudre ce présente comme tel :
The class 'AppComponent' is listed in the declarations of the NgModule 'AppModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.
La cause dans notre cas de cet erreur est que le code html du composant angular AppComponent est mal écrit dans le html.
Pour le résoudre il faut bien vérifier les balises d’ouverture et de fermetture de votre code html. Si l’erreur persiste arrêtez le programme et relancer le avec la commande ” ng serve “ .
Dans notre cas l’erreur provenait d’un composant qui est mal écrite dans AppComponent.
Conclusion
Vous serez peut être intéressé par Typescript: comment l’installer et tutoriel de mise en place du projet avec son test unitaire et Tutoriel: Comment installer angular dans ubuntu.