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

这是Angular CLI不支持的，而且他们也不打算很快把它包括进来。

这里是链接到实际创建的问题- https://github.com/angular/angular-cli/issues/1776

以及官方给出的解决方案截图

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

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

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

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

因为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声明数组中删除组件声明。

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