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.

21
demandé sur Luca 2017-01-04 12:39:40

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

14
répondu Carsten H 2017-02-12 10:11:48

vous pouvez supprimer n'importe quel composant en retirant toutes ses lignes de l'application.module.ts . Sa fonctionne très bien pour moi.

6
répondu sumit gupta 2017-12-22 09:55:42

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.

1
répondu Luca 2017-06-06 11:54:33

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

1
répondu Cruz Jurado 2018-01-10 16:29:25

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

1
répondu Hidayt Rahman 2018-03-15 09:36:38

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.

0
répondu Asif Karim Bherani 2017-04-02 20:13:22

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.

0
répondu Jayampathy Wijesena 2017-12-05 08:06:17

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.

0
répondu N Ouk 2017-12-13 00:17:23

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.

0
répondu eLi 2018-03-14 07:16:07