Angular 6 - 为子模块导入共享模块遇问题求助

看起来你在搭建Angular共享模块时遇到了运行问题，我结合你给出的代码片段，梳理下常见的坑和修正方案：

核心问题：共享模块元数据不完整 #

你给出的代码里@NgModule的关键元数据（比如declarations、exports）被截断了，这是共享模块无法正常工作的最常见原因。Angular共享模块需要明确声明内部的组件/管道/指令，并导出需要给其他模块复用的内容。

修正后的完整共享模块代码 #

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({
  // 声明属于当前共享模块的所有管道、组件、指令
  declarations: [
    MilitaryTimePipe,
    KeysPipe,
    // 如果GirlsClass是组件/指令，也要加到这里
    // GirlsClass
  ],
  // 导入当前模块依赖的其他模块
  imports: [
    CommonModule,
    SharedMetaModule
  ],
  // 导出其他模块需要复用的内容
  exports: [
    // 通常共享模块会导出CommonModule，避免其他模块重复导入
    CommonModule,
    // 如果其他模块需要用SharedMetaModule里的内容，必须导出
    SharedMetaModule,
    // 导出两个自定义管道，让其他模块可以直接使用
    MilitaryTimePipe,
    KeysPipe,
    // 如果GirlsClass是要共享的组件/指令，也要导出
    // GirlsClass
  ]
})
export class SharedModule {
  // 处理共享服务的推荐方式（Angular 6+）
  static forRoot(): ModuleWithProviders<SharedModule> {
    return {
      ngModule: SharedModule,
      // 在这里声明模块级服务，确保只有根模块调用时才注册，避免重复实例
      providers: [ApplicationState]
    };
  }
}

关键细节说明 #

• declarations：必须包含所有属于该模块的管道、组件、指令，否则Angular无法识别这些成员的归属。
• exports：只有导出的内容，其他模块导入SharedModule后才能使用。比如你的两个自定义管道，如果不导出，其他模块用的时候会报错。
• 共享服务处理：
  更推荐的方式是直接在ApplicationState服务上添加@Injectable({ providedIn: 'root' })，这样Angular会自动将其注册为单例服务，不需要在模块里声明providers：

  @Injectable({ providedIn: 'root' })
  export class ApplicationState {
    // ...服务逻辑
  }
  

  如果必须在模块级别控制服务实例，就用上面的forRoot方法，只有根模块（AppModule）调用SharedModule.forRoot()，其他子模块只导入SharedModule即可，避免重复创建服务实例。
• GirlsClass的处理：如果它是普通工具类，不需要加到declarations/exports；如果是组件或指令，必须按照上面的方式声明并导出（如果要共享的话）。

其他排查点 #

1. 确保SharedMetaModule本身是一个正确的Angular模块，它的exports里包含了需要共享的内容。
2. 检查其他模块导入SharedModule的方式：根模块用SharedModule.forRoot()，子模块用SharedModule。

内容的提问来源于stack exchange，提问作者user8778731