The class AppComponent is listed in the declarations of the NgModule AppModule, but is not a directive, a component, or a pipe. – Depannage










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.

 

The class AppComponent is listed in the declarations of the NgModule AppModule, but is not a directive, a component, or a pipe. - Depannage Cliquez pour tweeter

 

 

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.

 





 

Abonnez vous à notre newsletter

* indicates required

 

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.

 

The class AppComponent is listed in the declarations of the NgModule AppModule, but is not a directive, a component, or a pipe. - Depannage

Image by Jill Wellington from Pixabay

 










Reply

dix-neuf − 6 =