使用ngrx/store如何解决此错误?

Question

我在使用NgRX的angular项目中使用StoreModule.forRoot()时遇到了错误。如果有人能帮我解决这个问题，我将附上我错误的照片。

我试图在angular中使用ngrx/store实现reducer，但在app.module中导入它时遇到了一个问题。错误图像

Answer 1

我已经有一段时间没有使用这种语法了，它可能是一个回归错误。您可以将它断言为ActionReducerMap

StoreModule.forRoot({ tutorial: reducer } as ActionReducerMap<any,any>)

另外，我建议看一下createAction和createReducer的语法——它们使事情变得更简单。

Answer 2

试着这样导入:

StoreModule.forRoot(ROOT_REDUCERS, {
metaReducers: ROOT_META_REDUCERS,
runtimeChecks: {
// NB:
// Neccessery in order to be able to use Router state.
strictStateImmutability: false,
strictActionImmutability: false,
},
}),

Answer 3

问题是我使用的是最近发布的最新版本的NgRx/store。所以我建议使用NgRx/store v14.0.0，这是最后一个完全构建的版本。在Windows操作系统下安装:npm i @ngrx/store@14.0.0