升级NgRX从14到15后出现“No provider for Store!”错误求助

从你的代码和堆栈跟踪来看，问题核心是特性模块错误使用了NgRX的根模块API，加上NgRX 15对依赖注入逻辑的严格化调整，导致Store实例无法被正确注入。下面是分步解决方案：

1. 调整根模块与特性模块的NgRX配置 #

NgRX的forRoot()方法是专门为根模块（通常是AppModule）设计的，用来初始化全局Store和Effects核心服务；特性模块必须使用forFeature()来注册模块专属的reducer和effects。

第一步：重构根模块（AppModule） #

将StoreModule.forRoot()和EffectsModule.forRoot()移到你的根模块中：

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // 初始化全局Store（无全局reducer则传空对象）
    StoreModule.forRoot({}),
    // 初始化全局Effects根服务
    EffectsModule.forRoot([]),
    // 导入特性模块
    OfferModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

第二步：重构OfferModule（特性模块） #

使用forFeature()注册模块的reducer和effects：

@NgModule({
  declarations: [ ... ],
  imports: [
    ...
    // 注册offer模块的独立reducer
    StoreModule.forFeature('offer', offerReducer),
    StoreModule.forFeature('ui', offerUIReducer),
    // 注册offer模块的专属effects
    EffectsModule.forFeature([OfferEffects]),
  ],
  providers: [ ... ],
})
export class OfferModule { }

如果想把offer和ui归到同一个feature key下，也可以合并注册：

StoreModule.forFeature('offerState', {
  offer: offerReducer,
  ui: offerUIReducer
}),

2. 确保所有NgRX包版本一致 #

升级后必须检查package.json中所有@ngrx/*包的版本是否统一为15.x.x，版本不匹配会直接导致注入逻辑冲突：

{
  "@ngrx/store": "^15.4.0",
  "@ngrx/effects": "^15.4.0",
  "@ngrx/entity": "^15.4.0", // 用到则添加
  "@ngrx/router-store": "^15.4.0" // 用到则添加
}

执行npm install或yarn install确保依赖正确更新。

3. 排查延迟加载或导入顺序问题 #

如果OfferModule是延迟加载的，无需额外调整（根模块会优先加载完成Store初始化）；但要避免在模块初始化前提前注入Store服务的代码（比如APP_INITIALIZER中），这类场景需确保Store已准备就绪。

为什么NgRX 14能工作？ #

NgRX 14对forRoot()在特性模块中的使用限制较宽松，但15版本重构了模块注入逻辑，严格区分根模块与特性模块的初始化流程，非标准的forRoot()用法会直接触发依赖注入失败。

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