我尝试使用“ng destroy component foo”,它告诉我“Angular-CLI不支持销毁命令”

如何使用Angular CLI正确地删除组件?


当前回答

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

其他回答

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

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

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

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

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

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

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

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

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