Angular添加包后StoreModule.forRoot编译报错排查与解决

报错原因 #

这个类型不兼容错误是Angular版本与NgRx版本不匹配导致的：
Angular 14及以上版本引入了EnvironmentProviders类型，而旧版NgRx的ModuleWithProviders类型定义未适配这个新类型，导致编译器判定(Provider | EnvironmentProviders)[]无法赋值给旧的Provider[]类型。

修复方法 #

方法1：升级NgRx到兼容版本 #

如果你的Angular版本是14+，直接把所有NgRx相关依赖（比如@ngrx/store、@ngrx/effects等）升级到v14及以上版本，新版本已适配Angular的EnvironmentProviders类型，可直接解决类型冲突。

方法2：临时类型断言（不推荐长期使用） #

如果暂时无法升级依赖，可给StoreModule.forRoot的调用结果添加类型断言，强制编译器认可类型：

StoreModule.forRoot(reducers,{
  metaReducers,
  runtimeChecks: {
    strictStateImmutability: true,
    strictActionImmutability: true
  }
}) as ModuleWithProviders<{}>,

方法3：检查依赖版本一致性 #

确保项目中所有NgRx相关包的版本完全一致，避免混合不同版本的NgRx依赖导致类型定义混乱。可在package.json里统一指定版本号，再重新执行npm install或yarn install。

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