模块加载顺序

Question

AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CoreModule } from '@core/core.module';
import { SharedModule } from './shared/shared.module';
import { LayoutModule } from '@layout/layout.module';
import { ViewsModule } from '@views/views.module';
import { AppRoutingModule } from './app-routing.module';
import { CommonModule } from '@angular/common';
import { AppComponent } from './app.component';

@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
CommonModule,
CoreModule,
SharedModule,
LayoutModule,
ViewsModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

对SharedModule和LayoutModule 感兴趣

SharedModule有一个管道，我在LayoutModule中使用它。管道在SharedModule中导出。但我在布局中遇到了一个错误：错误：找不到管道"faIcon"！

Answer 1

导入到AppModule中的模块不会相互通信。它们只为您的AppModule提供功能。如果您在AppComponent中使用LayoutModule中的组件，其上下文仅取决于LayoutModule：它不会选择来自AppModule导入的功能。

如果LayoutModule中的某个组件需要使用管道，则需要将SharedModule导入LayoutModule。

Answer 2

您应该在app.module.ts文件中导入管道并将其添加到声明中。