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

我写了一个bash脚本，它应该自动执行下面Yakov Fain所写的过程。它可以像。/removeComponent这样调用

#!/bin/bash
if [ "$#" -ne 1 ]; then
    echo "Input a component to delete"
    exit 1
fi

# finds folder with component name and deletes
find . -type d -name $1 | xargs rm -rf

# removes lines referencing the component from app.module.ts
grep -v $1 app.module.ts > temp
mv temp app.module.ts

componentName=$1
componentName+="Component"

grep -v -i $componentName app.module.ts > temp
mv temp app.module.ts

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

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

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

更新

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

首先，删除组件文件夹，你必须删除 然后删除你在“ts”文件中所做的条目。

从app.module.ts:

删除特定组件的导入行; 删除它在@NgModule中的声明;

然后删除想要删除的组件的文件夹及其包含的文件(.component.ts， .component.html， .component.css和.component.spec.ts)。

完成了。

-

我看到有人说要把它从main。ts中删除。你不应该首先从那里导入它，因为它已经导入了AppModule，而AppModule是导入你创建的所有组件的那个。

删除包含该组件的文件夹。 在app.module.ts中，删除该组件的import语句，并从@NgModule的声明部分中删除它的名称 从index.ts中删除包含此组件的export语句的行。