能否只为Angular库配置独立NgRx Store？配置报错求解

你的操作确实有误，问题出在Angular库模块中不应该使用StoreModule.forRoot()，具体原因和修正方法如下：

核心原因 #

StoreModule.forRoot()是专为Angular应用的根模块（AppModule）设计的，用来初始化全局Store的核心配置（比如全局reducers、meta-reducers等）。而你的库属于功能模块范畴，直接调用forRoot()会和应用根模块中的forRoot()调用冲突，导致重复初始化Store核心，触发控制台报错。

修正步骤 #

1. 替换forRoot为forFeature
   把库模块中的StoreModule.forRoot(yourReducers)替换为StoreModule.forFeature()，用来注册库专属的feature store：

   // 库模块代码示例
   @NgModule({
     imports: [
       // 替换前
       // StoreModule.forRoot(yourLibraryReducers),
       // 替换后
       StoreModule.forFeature('libraryFeature', yourLibraryReducers)
     ]
   })
   export class YourLibraryModule { }
   

2. 全局配置交给应用根模块处理
   如果你的库需要提供全局Store配置（比如自定义meta-reducers），不要在库模块中调用forRoot()，而是通过静态方法让应用根模块自行集成：

   export class YourLibraryModule {
     static forRoot(metaReducers?: MetaReducer[]): ModuleWithProviders<YourLibraryModule> {
       return {
         ngModule: YourLibraryModule,
         providers: [
           // NgRx v14+ 推荐使用provide系列函数
           provideMetaReducers(metaReducers)
         ],
       };
     }
   }
   

   应用侧在AppModule中导入时调用YourLibraryModule.forRoot(...)，同时保证AppModule只调用一次StoreModule.forRoot()。

3. 检查应用根模块
   确保应用的AppModule中仅存在一次StoreModule.forRoot()调用，避免重复初始化。

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