在使用 Angular 进行开发时，我们经常会遇到模块未导入引起应用错误的问题。这种错误一般是由于我们在使用某个模块的组件或服务时，没有在应用的模块中导入该模块所导致的。本文将介绍如何解决这个问题，并提供详细的示例代码。
问题描述
在 Angular 应用中，我们常常会使用模块来组织和管理代码。模块是 Angular 应用的基本构建块，它定义了一组组件、服务、指令和管道等。在使用模块中的组件或服务时，我们需要在应用的模块中导入该模块。否则，会出现模块未导入的错误，如下所示：
Uncaught Error: Template parse errors: 'app-header' is not a known element: 1. If 'app-header' is an Angular component, then verify that it is part of this module. 2. If 'app-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
这个错误是由于我们在使用 app-header 组件时，没有在应用的模块中导入 AppHeaderModule 模块所导致的。
解决方法
要解决这个问题，我们需要在应用的模块中导入相应的模块。具体步骤如下：
找到出现错误的组件或服务所在的模块。
在应用的模块中导入该模块。
在应用的模块的
@NgModule装饰器的imports数组中添加该模块。
下面是一个示例代码：
-- -------------------- ---- ------- -- -------------------- ------ - -------- - ---- ---------------- ------ - ------------ - ---- ------------------ ------ - ------------------ - ---- ------------------------- ----------- ------------- --------------------- -------- --------------- -------- -------------------- -- ------ ----- --------------- - -
-- -------------------- ---- ------- -- ------------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - --------------- - ---- --------------------------------- ------ - ------------ - ---- ------------------ ----------- ------------- --------------- -------- --------------- ----------------- ---------- -------------- -- ------ ----- --------- - -
在这个示例代码中，AppHeaderModule 模块导入了 CommonModule 模块，并声明了 AppHeaderComponent 组件。在 AppModule 模块中，我们导入了 AppHeaderModule 模块，并将其添加到了 imports 数组中。
总结
在 Angular 应用中，模块未导入是一个常见的错误。要解决这个问题，我们需要在应用的模块中导入相应的模块，并将其添加到 imports 数组中。只要按照上述步骤进行操作，就可以轻松解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6587e8d6eb4cecbf2dd1be9b