时间戳

首页 > 解决方案 > 模块加载顺序

angular - 模块加载顺序

问题描述

应用模块：

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'！

标签： angular

解决方案

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

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

推荐阅读