我尝试使用“ng destroy component foo”,它告诉我“Angular-CLI不支持销毁命令”
如何使用Angular CLI正确地删除组件?
我尝试使用“ng destroy component foo”,它告诉我“Angular-CLI不支持销毁命令”
如何使用Angular CLI正确地删除组件?
当前回答
删除包含该组件的文件夹。 在app.module.ts中,删除该组件的import语句,并从@NgModule的声明部分中删除它的名称 从index.ts中删除包含此组件的export语句的行。
其他回答
我现在使用的是Angular 10。在手动删除所有文件和引用后,我重新运行“ng serve”,它工作了。
我不确定这是否是最好的方法,但它对我来说很有效。
首先,我删除了组件文件夹。 然后,我清除了app.module。与我想删除的组件相关的导入和声明的app.component.ts、app.component.ts和app.component.html。 类似地,我清除了main.ts。
我只是保存并刷新了应用程序,它工作了。
我需要删除一个Angular 6指令,它的规范文件是错误的。即使在删除了违规文件,删除了对它的所有引用并重新构建应用程序后,TS仍然报告了相同的错误。对我有用的是重新启动Visual Studio -这清除了错误和所有不需要的旧指令的痕迹。
因为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。 但是您可以手动删除组件文件夹和所有引用。