javascript - Angular 6 - 为子模块导入共享模块

Question

我正在尝试制作一个共享模块，但不知何故它不想工作。

共享模块如下所示:

import { ModuleWithProviders, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { SharedMetaModule } from './shared-meta';
import { ApplicationState } from './state/application-state';
import { MilitaryTimePipe } from './pipes/military-time-pipe';
import { KeysPipe } from './pipes/object-pipe';
import { GirlsClass } from './advertisers/girls';

@NgModule({
    imports: [CommonModule],
    declarations: [
        KeysPipe,
        MilitaryTimePipe
    ],
    exports: [
        SharedMetaModule,
        KeysPipe,
        MilitaryTimePipe
    ],
    providers: [ApplicationState]
})
export class SharedModule {
    static forRoot(): ModuleWithProviders {
        return { ngModule: SharedModule };
    }
}

我有一个像这样的 app.module.ts:

import { SharedModule } from '@shared/shared.module';
@NgModule({
    imports: [
        ...
        SharedModule.forRoot(),

然后我有一个 profile-gallery.module.ts，其中将使用来自共享模块的管道。

如果我不在 profile-gallery 模块中导入共享模块，我会得到这个错误:

找不到管道“键”。

如果我将共享模块导入 profile-gallery 模块，我会收到此错误:

MetaModule 已经加载；仅在根模块中导入。

在这种情况下如何使用共享模块？

Answer 1

共享模块的目的是在所有需要的模块中多次导入它。所以不需要 forRoot 方法来确保它只被导入一次。

完全删除 forRoot 方法并在需要的地方导入模块:

import { SharedModule } from '@shared/shared.module';
@NgModule({
    imports: [
        ...
        SharedModule,