使用Visual Studio Code，删除组件文件夹，并在项目资源管理器(左侧)中看到显示为红色的文件，这意味着文件受到了影响并产生了错误。打开每个文件并删除使用该组件的代码。

目前，Angular CLI不支持删除组件的选项，你需要手动执行。

从app.module中删除每个组件的导入引用 删除组件文件夹。 你还需要从app.module.ts文件中的@NgModule声明数组中删除组件声明

因为angular CLI还不支持它

所以这里是可能的方法，在此之前，请观察当你使用CLI创建一个组件/服务时会发生什么(ex. ng g c demoComponent)。

它创建了一个名为demoComponent的单独文件夹。 它生成HTML,CSS,ts和一个专门用于demoComponent的规范文件。 此外，它还在app.module.ts文件中添加依赖项，将该组件添加到项目中。

所以按相反的顺序来做

从app.module.ts中移除依赖项 删除该组件文件夹。

在消除依赖时，您必须做两件事。

从app.module.ts文件中删除导入行引用。 从app.module.ts中的@NgModule声明数组中删除组件声明。

如果你在CLI中寻找一些命令，那么ans目前是NO。 但是您可以手动删除组件文件夹和所有引用。

我现在使用的是Angular 10。在手动删除所有文件和引用后，我重新运行“ng serve”，它工作了。

destroy或类似的东西可能会出现在CLI中，但这不是目前的主要焦点。因此，您需要手动执行此操作。

删除组件目录(假设你没有使用——flat)，然后将它从声明它的NgModule中移除。

如果你不确定该怎么做，我建议你有一个“干净”的应用程序，这意味着当前git没有变化。然后生成一个组件，并查看在repo中更改了什么，这样您就可以从那里回溯删除组件所需做的事情。

更新

如果您只是在试验您想要生成的内容，您可以使用——dry-run标志在磁盘上不生成任何文件，只查看更新的文件列表。