首页 > 解决方案 > Angular 项目:如何为现有组件树中的每个组件添加模块?

问题描述

我有 Angular 10 项目。我创建了一个组件树,例如:

应用>主>内容>库

每个文件夹都包含自动生成的文件。例如在主文件夹中存在:

main.component.css
main.component.html
main.component.ts

我想为每个文件夹添加一个模块。当我尝试它时,生成了一个模块文件,因此将其添加到文件上方的列表中:

main.module.ts

但是,过了一会儿,我收到了一个错误。即使我删除文件,该文件夹仍保持红色。你知道为什么会这样吗?

如何为每个文件夹组件添加一个模块?

标签: angularfilemodulecomponents

解决方案


试试这个, ng g module main在命令提示符下确保您在运行该命令之前位于组件文件夹目录中。作为, library\content\main> ng g module main

现在:- 上面的命令将做的是 module.ts 将在另一个主文件夹中创建为“main>main>main.module.ts”,因此您只需从那里复制该 module.ts 文件并将其粘贴到父主目录。

PS:我假设您的 main.html、main.css、main.ts 文件位于主文件夹中。


推荐阅读