NGRX store没有在angular中实例化



我正在用NGRX商店做一个新项目。NGRX store没有实例化。当我在chrome中使用redux开发工具时,它总是显示我未定义。我附上了我的ngrx存储的初始结构。请让我知道缺少什么。谢谢你

app.reducers.ts

import { ActionReducerMap, combineReducers } from '@ngrx/store';
import { PointReducers } from '../point/shared/store/point.reducers';
import { AppState } from './app.state';
export const appReducers: ActionReducerMap<AppState> = {
point: combineReducers({
closingTab: PointReducers.closingTab,
configTab: PointReducers.configTab,
postTab: PointReducers.postTab,
})
};

app.state.ts

import { PointMainState } from '../point/shared/store/point-main.state';
export interface AppState {
point: PointMainState;
}

store.index.ts

import { StoreModule } from '@ngrx/store';
export const StoreRootModuleIndex = [
StoreModule.forRoot(
{},
{
runtimeChecks: {
strictStateImmutability: false,
strictActionImmutability: false,
strictStateSerializability: false,
strictActionSerializability: false
}
}
)
];

store.reducers.ts

import { Action, ActionReducer } from '@ngrx/store';
import { AppState } from './app.state';
export function storeMetaReducers(reducer: ActionReducer<any>) {
return function (state: AppState | undefined, action: Action) {
const newState = reducer(state, action);
return newState;
};
}

您必须将减速器添加到配置中。https://ngrx.io/guide/store/reducers registering-root-state

export const StoreRootModuleIndex = [
StoreModule.forRoot(
// 👇 add reducers here
{},
{
runtimeChecks: {
strictStateImmutability: false,
strictActionImmutability: false,
strictStateSerializability: false,
strictActionSerializability: false
}
}
)
];

最新更新