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

我不确定这是否是最好的方法，但它对我来说很有效。

首先，我删除了组件文件夹。 然后，我清除了app.module。与我想删除的组件相关的导入和声明的app.component.ts、app.component.ts和app.component.html。 类似地，我清除了main.ts。

我只是保存并刷新了应用程序，它工作了。

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

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

从app.module.ts:

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

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

完成了。

-

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

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

我写了一个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