Angular模块依赖问题：SharedModule组件无法访问CoreModule声明

问题原因 #

Angular模块自带作用域隔离机制：

• 模块declarations数组内的组件、指令、管道，默认仅对当前模块内部可见。即便父模块（如AppModule）导入了该模块，父模块的子特性模块也无法直接访问这些声明内容。
• 你将CoreModule导入AppModule后，只有AppModule本身及其直接声明的组件能使用CoreModule里的内容，那些依赖SharedModule的特性模块不在这个作用域范围内，因此无法访问。

解决步骤 #

1. 让CoreModule导出需要共享的内容 #

修改CoreModule，把需要被其他模块访问的组件、指令、管道加入exports数组，对外暴露这些内容：

@NgModule({
  declarations: [YourCoreComponent, YourCorePipe, YourCoreDirective],
  exports: [YourCoreComponent, YourCorePipe, YourCoreDirective], // 导出需共享的声明
  imports: [CommonModule]
})
export class CoreModule { }

2. 处理CoreModule中的服务 #

如果CoreModule包含服务，要保证其全局单例且可被访问：

• 推荐方案：给服务添加providedIn: 'root'，无需在CoreModule的providers中声明，Angular会自动在根注入器提供单例：

  @Injectable({ providedIn: 'root' })
  export class YourCoreService { }
  

• 传统方案：若必须在CoreModule中声明服务，需给CoreModule添加forRoot()静态方法，避免多次导入创建多实例。在AppModule中用CoreModule.forRoot()导入，特性模块仅导入CoreModule（不带forRoot）：

  @NgModule({
    declarations: [...],
    exports: [...],
    imports: [CommonModule]
  })
  export class CoreModule {
    constructor(@Optional() @SkipSelf() parentModule: CoreModule) {
      if (parentModule) {
        throw new Error('CoreModule只能在AppModule中导入一次');
      }
    }
  
    static forRoot(): ModuleWithProviders<CoreModule> {
      return {
        ngModule: CoreModule,
        providers: [YourCoreService]
      };
    }
  }
  

  对应AppModule的导入方式：

  @NgModule({
    imports: [CoreModule.forRoot(), SharedModule],
    ...
  })
  export class AppModule { }
  

3. 让SharedModule按需关联CoreModule #

如果SharedModule内的组件需要使用CoreModule的内容，直接在SharedModule中导入CoreModule，所有依赖SharedModule的特性模块就能间接访问CoreModule的导出内容：

@NgModule({
  imports: [CommonModule, CoreModule], // 导入CoreModule
  exports: [CommonModule, CoreModule], // 可选：若要让特性模块直接使用Core内容，可同时导出
  ...
})
export class SharedModule { }

关键总结 #

• 模块的declarations内容默认私有，必须通过exports对外暴露才能被其他模块访问
• 服务优先使用providedIn: 'root'实现全局单例，避免模块重复导入导致的多实例问题
• 特性模块可选择直接导入CoreModule，或通过已导入CoreModule的SharedModule间接访问

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