Redux Persist报错TypeError: store.dispatch is not a function如何解决？

DevOps 小满

2026-9-23

问题根源

你在redux/store.js中错误地将store定义为了返回store实例的工厂函数，而非直接导出store实例：

你传递给Provider组件的store是函数本身，函数没有dispatch方法，因此触发报错
你调用persistStore时传入的也是函数，同样不符合入参要求

修复方案

第一步：修改`redux/store.js`代码

将store的定义从工厂函数改为直接生成实例：

import {configureStore, combineReducers} from '@reduxjs/toolkit'
import cartReducer from './cartRedux'
import userReducer from './userRedux'
import {
  persistStore,
  persistReducer,
  FLUSH,
  REHYDRATE,
  PAUSE,
  PERSIST,
  PURGE,
  REGISTER,
} from 'redux-persist'
import storage from 'redux-persist/lib/storage'

const persistConfig = {
  key: 'root',
  version: 1,
  storage,
}

const rootReducer = combineReducers({user: userReducer, cart: cartReducer})
const persistedReducer = persistReducer(persistConfig, rootReducer)

// 去掉工厂函数的包装，直接生成store实例
export const store = configureStore({
  reducer: persistedReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: {
        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
      },
    }),
})


export const persistor = persistStore(store)