Question

我正在使用angular2为我的新项目，新技术。我已经使用角度CLI（参考站点https://github.com/angular/angular-cli）设置了我的项目。我使用命令ng generate component my-new-component创建了4个组件出于测试目的，创建了一个组件应用程序测试，需要从我的项目中删除该组件。否则需要重命名该组件。我试过好几个。 ng destroy component app-testing但显示错误 Angular-CLI不支持destroy命令。，请帮我解决问题。提前谢谢。

Answer 1

我遇到了同样的问题，似乎他们从CLI中删除了destroy命令，你需要通过删除或重命名相应的文件夹/文件和导入来手动完成，这真是一项艰巨的任务。

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

Answer 2

您可以通过从app.module.ts中删除所有组件来删除任何组件。它对我来说很好。

Answer 3

版本控制在这里是您的朋友，执行diff或同等版本，您应该看到添加/修改了哪些内容。

实际上，删除组件文件夹可能还不够;使用Angular-CLI v1.0，命令ng generate component my-new-component还通过将相应的app.module.ts行和组件添加到import数组来编辑providers文件。

Answer 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

如果您在文件夹中包含所有文件，请直接删除该文件夹。

然后你需要转到使用该组件的模块并删除

从......

导入{[component_name]}

和声明数组上的组件

这就是全部。希望有所帮助

Answer 5

否截至目前，您无法通过任何命令执行此操作。如果您使用 Angular 5 ，则必须从app.module.ts和app.routing.module.ts删除手动

Answer 6

我尝试删除组件Comp_Name以及distroy组件但是角度还不支持它，所以现在最好的选择是从文件夹结构中手动删除它。

Answer 7

我遇到了同样的问题，无法找到正确的解决方案，所以我手动删除了组件文件夹，然后更新了app.module.ts文件（删除了对已删除组件的引用），这对我有用。

Answer 8

这是Windows的NPM known问题，NPM在Windows下几乎无法使用。这当然与路径大小限制有关。

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

我主要担心的是，在通过网站安装node或npm时没有提到这些问题。无法安装主要软件包使得npm基本上无法用于Windows。

Answer 9

尝试卸载angular，然后重新安装

npm uninstall --save @ angular /（然后是你要删除的任何组件）

之后，会出现一个带有淡蓝色边框的框，并建议更新并安装角度备份。

Answer 10

有--dry-run标志，可让您预览更改，和/或您可以使用Angular Console App，通过其简单的GUI为您生成cli标志。在提交之前，它会自动预览所有内容。

如何删除使用Angular-CLI创建的组件

10 个答案: