Comment supprimer les composants créés avec Angular-CLI
je travaille sur angular2 pour mon nouveau projet, nouvellement avec cette technologie. J'ai mis en place mon projet avec angular CLI (site de référence https://github.com/angular/angular-cli).
J'ai créé 4 composants en utilisant la commande ng generate component my-new-component
À des fins de test, créé un composant app-test, besoin de supprimer ce composant de mon projet. Autrement besoin de renommer pour ce composant. J'ai essayé plusieurs comme. ng destroy component app-testing
mais en montrant l'erreur la commande destroy n'est pas supportée par Angular-CLI., s'il vous Plaît aidez-moi avec la solution.
Merci à l'avance.
9 réponses
j'ai eu les mêmes problèmes et il semble qu'ils ont enlevé la commande destroy du CLI et vous devez le faire manuellement en supprimant ou en renommant les dossiers/fichiers et les importations selon, ce qui est vraiment une tâche laborieuse.
https://github.com/angular/angular-cli/issues/900 https://github.com/angular/angular-cli/issues/1788
vous pouvez supprimer n'importe quel composant en retirant toutes ses lignes de l'application.module.ts . Sa fonctionne très bien pour moi.
le contrôle de version est votre ami ici, faites un diff
ou l'équivalent, et vous devriez voir ce qui a été ajouté/modifié.
en fait, enlever le dossier composant pourrait ne pas être suffisant; avec Angular-CLI v1.0, la commande ng generate component my-new-component
aussi édite votre app.module.ts
fichier en ajoutant le import
la ligne et le composant vers le providers
array.
Vous devriez 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 les fichiers dans un dossier, supprimer le dossier directement.
alors vous devez aller au module qui utilise ce composant et supprimer
importer { [component name] }...
et le component sur le tableau des déclarations
C'est tout. Hope qui aide
Aucun A partir de Maintenant vous ne pouvez pas faire cela par n'importe quel ordre. Vous avez supprimer le Manuellementapp.module.ts
et app.routing.module.ts
si vous utilisez angulaire 5
j'ai essayé ng remove comp_name component aussi ng distroy component mais il n'est pas encore supporté par angular donc la meilleure option pour le moment est de le supprimer manuellement de la structure du dossier.
j'ai eu le même problème, je n'ai pas pu trouver la bonne solution donc j'ai supprimé manuellement le dossier component et mis à jour l'application.module.ts fichier (supprimé les références au composant supprimé) et il a fonctionné pour moi.
essayez de désinstaller angular puis réinstaller
npm désinstaller --save @angulaire(alors, quel que soit le composant que vous souhaitez supprimer)
après cela, une boîte avec la bordure de couleur de babyblue apparaîtra avec la suggestion de mettre à jour et installer le support angulaire.
C'est le mécanisme national de prévention connu problème pour windows que le NPM est à peu près inutilisable sous Windows. Ceci est bien sûr lié aux limitations de la taille du chemin.
https://github.com/npm/npm/issues/5641
ma principale préoccupation ici est qu'il n'y a aucune mention de ces problèmes lors de l'installation de noeud ou npm via le site web. Ne pas pouvoir installer les paquets prime rend npm fondamentalement inutilisable pour windows.