Как удалить компоненты, созданные с помощью Angular -CLI

Я работаю над angular2 для моего нового проекта, недавно с этой технологией. Я настроил свой проект с помощью angular CLI (справочный сайт https://github.com/angular/angular-cli). Я создал 4 компонента с помощью команды ng generate component my-new-component Для целей тестирования, созданного одним компонентом тестирования приложений, необходимо удалить этот компонент из моего проекта. Else нужно переименовать для этого компонента. Я несколько раз пробовал. ng destroy component app-testing, но показывая ошибку Команда destroy не поддерживается Angular -CLI.. Пожалуйста, помогите мне с решением. Спасибо заранее.

Ответ 1

У меня были те же проблемы, и, похоже, они удалили команду destroy из CLI, и вам нужно сделать это вручную, удалив или переименовав соответствующие папки/файлы и импорт, что является действительно трудоемкой задачей.

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

Ответ 2

контроль версий - ваш друг здесь, выполните diff или эквивалент, и вы увидите, что было добавлено/изменено.

Фактически, удаление папки компонента может быть недостаточно; с помощью Angular -CLI v1.0 команда ng generate component my-new-component также редактирует ваш файл app.module.ts, добавляя соответствующую строку import и компонент в массив providers.

Ответ 3

Вы можете удалить любой компонент, удалив все его строки из app.module.ts. Его работа прекрасна для меня.

Ответ 4

Вы должны удалить свой компонент вручную, то есть...

[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

Если у вас есть все файлы в папке, удалите папку напрямую.

Затем вам нужно перейти в модуль, который использует этот компонент, и удалить

import {[component_name]} из...

и компонент в массиве объявлений

Это все. Надеюсь, что поможет

Ответ 5

Я попытался удалить компонент Comp_Name и ng distroy, но он еще не поддерживается angular, поэтому лучшим вариантом теперь является его удаление вручную из структуры папок.

Ответ 6

У меня была такая же проблема, не удалось найти правильное решение, поэтому я вручную удалил папку компонента, а затем обновил файл app.module.ts(удалил ссылки на удаленный компонент), и это сработало для меня.

Ответ 7

Попробуйте удалить angular, а затем переустановить

npm uninstall --save @ angular/(тогда любой компонент, который вы хотите удалить)

после этого появится окно с рамкой цвета blueblue с предложением обновить и установить резервную копию angular.

Ответ 8

Вы также можете использовать uninstall для стороннего компонента, который вы, возможно, установили. Например.

npm uninstall --save @angular/animations

или

npm uninstall --save @angular/material