web-dev-qa-db-fra.com

Comment supprimer des composants créés avec Angular-CLI

Je travaille sur angular2 pour mon nouveau projet, récemment équipé de cette technologie. J'ai configuré mon projet avec CLI angulaire (site de référence https://github.com/angular/angular-cli ) . J'ai créé 4 composants à l'aide de la commande ng generate component my-new-component créé un composant app-testing, besoin de supprimer ce composant de mon projet. Sinon, il faut renommer ce composant. J'ai essayé plusieurs comme. ng destroy component app-testing mais en affichant l'erreur La commande destroy n'est pas prise en charge par Angular-CLI., Aidez-moi s'il vous plaît avec la solution . Merci d'avance.

angularangular-cli
23
kishan kurivella

J'ai eu les mêmes problèmes et il semble qu'ils aient supprimé la commande destroy de la CLI et vous devez le faire manuellement en supprimant ou en renommant les dossiers/fichiers et les importations correspondants, ce qui est vraiment une tâche laborieuse. 

https://github.com/angular/angular-cli/issues/900https://github.com/angular/angular-cli/issues/1788

14
Carsten H

Vous pouvez supprimer n'importe quel composant en supprimant toutes ses lignes de app.module.ts. Cela fonctionne bien pour moi.

7
sumit gupta

Vous devez supprimer votre composant manuellement, c’est-à-dire ...

[name].component.ts
[name].component.html  // if you've used templateUrl in your component
[name].component.spec.ts  // if you've created test file
[name].component.[css or scss]  // if you've used styleUrls in your component

Si vous avez tous ces fichiers dans un dossier, supprimez-le directement.

Ensuite, vous devez aller au module qui utilise ce composant et supprimer

importer {[nom_composant]} de ...

et le composant sur le tableau de déclarations

C'est tout . J'espère que ça aide

1
Cruz Jurado

le contrôle de version est votre ami ici, faites une diff ou son équivalent et vous devriez voir ce qui a été ajouté/modifié.

En fait, supprimer le dossier du composant peut ne pas suffire; Avec Angular-CLI v1.0, la commande ng generate component my-new-component édite également votre fichier app.module.ts en ajoutant la ligne import respective et le composant au tableau providers.

1
Luca

Non À partir de maintenant, vous ne pouvez le faire par aucune commande. Vous devez supprimer manuellement de app.module.ts et app.routing.module.ts si vous utilisez Angular 5

1
Hidayt Rahman

J'avais le même problème, je ne pouvais pas trouver la bonne solution; j'ai donc supprimé manuellement le dossier du composant, puis mis à jour le fichier app.module.ts (supprimé les références au composant supprimé) et cela a fonctionné pour moi. 

0
Jayampathy Wijesena

C’est le problème NPM connu pour Windows: NPM est quasiment inutilisable sous Windows. Ceci est bien sûr lié aux limitations de taille de chemin. 

https://github.com/npm/npm/issues/5641

Ma principale préoccupation ici est qu’il n’est pas fait mention de ces problèmes lors de l’installation de node ou de npm via le site Web. Le fait de ne pas pouvoir installer les packages principaux rend npm fondamentalement inutilisable pour Windows.

0
eLi

J'ai essayé de supprimer le composant Comp_Name et le composant distroy, mais il n'est pas encore pris en charge par angular. La meilleure option pour le moment est de le supprimer manuellement de la structure du dossier.

0
Asif Karim Bherani