proyecto - Cómo eliminar componentes creados con Angular-CLI

eliminar componente angular cli

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cuál es la mejor manera de eliminar un componente con respuestas CLI 10?

Estoy trabajando en angular2 para mi nuevo proyecto, recientemente con esta tecnología. He configurado mi proyecto con CLI angular (sitio de referencia https://github.com/angular/angular-cli ). He creado 4 componentes usando el comando ng generate component my-new-component Para propósitos de prueba, ng generate component my-new-component creado un componente de prueba de la aplicación, necesito eliminar ese componente de mi proyecto. De lo contrario, es necesario cambiar el nombre de ese componente. He intentado varios como. ng destroy component app-testing pero muestra un error El comando de destrucción no es compatible con Angular-CLI. , Por favor ayúdame con la solución. Gracias por adelantado.

Answer 1

Debes eliminar tu componente manualmente, eso es ...

[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 tiene todos esos archivos en una carpeta, elimine la carpeta directamente.

Luego debes ir al módulo que usa ese componente y eliminar

importar {[nombre_componente]} desde ...

y el componente en la matriz de declaraciones

Eso es todo. Espero que ayude

Answer 2

El control de versiones es tu amigo aquí, haz un diff o equivalente y deberías ver lo que se ha agregado / modificado.

De hecho, eliminar la carpeta de componentes puede no ser suficiente; con Angular-CLI v1.0, el comando ng generate component my-new-component también edita el archivo app.module.ts agregando la línea de import correspondiente y el componente a la matriz de providers .

Answer 3

Este es el problema known NPM para Windows que NPM es prácticamente inutilizable en Windows. Por supuesto, esto está relacionado con las limitaciones de tamaño de la ruta.

known

Mi principal preocupación aquí es que no se mencionan estos problemas al instalar node o npm a través del sitio web. No poder instalar paquetes principales hace que npm sea inutilizable para Windows.

Answer 4

Existe el --dry-run que le permitirá obtener una vista previa de los cambios, y / o puede usar la aplicación de consola angular para generar los indicadores de cli para usted, utilizando su sencilla GUI. Realiza una vista previa automática de todo antes de comprometerse.

Answer 5

Intenté ng eliminar componente Comp_Nombre también ng destruir componente pero aún no está soportado por angular, por lo que la mejor opción por ahora es eliminarlo manualmente de la estructura de carpetas.

Answer 6

Puede eliminar cualquier componente eliminando todas sus líneas de app.module.ts. esta trabajando bien para mi.

Answer 7

Trate de desinstalar angular y luego reinstalar

npm uninstall --save @ angular / (entonces el componente que desee eliminar)

después de eso, aparecerá un cuadro con el borde de color babyblue con sugerencias para actualizar e instalar la copia de seguridad angular.

Answer 8

Tuve el mismo problema, no pude encontrar la solución correcta, así que eliminé manualmente la carpeta del componente y luego actualicé el archivo app.module.ts (eliminé las referencias al componente eliminado) y funcionó para mí.

Answer 9

Tuve los mismos problemas y parece que eliminaron el comando de destrucción del CLI y usted necesita hacerlo manualmente eliminando o cambiando el nombre de las carpetas / archivos correspondientes e importaciones, lo que es realmente una tarea laboriosa.

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

Answer 10

No A partir de ahora no puedes hacer esto con ningún comando. Tienes que eliminar Manually de app.module.ts y app.routing.module.ts si estás usando Angular 5