Redux Persist使用报错：Cannot read property 'subscribe' of undefined

看起来你遇到的问题主要是代码里的几个小疏漏导致的，我帮你一步步排查和修复：

错误原因分析 #

这个报错通常意味着你创建的Redux Store实例是undefined，结合你给出的代码片段，能发现几个关键问题：

• 存储模块导入错误：你把session storage导入成了store，不仅变量名和后续的store实例冲突，路径也不对（应该用lib而非es目录），导致persistConfig里的storage不是有效的存储对象。
• persistReducer调用不完整：你写的const persistedReducer = persistReducer(...没有传全必要参数，正确调用需要传入持久化配置和根reducer。
• 未使用持久化后的reducer创建store：如果还是用原始rootReducer创建store，Redux Persist的配置根本不会生效，进而引发后续的persistStore报错。

修正后的完整代码 #

把你的Persistor.js改成下面这样：

import { createStore } from 'redux'
import { persistStore, persistReducer } from 'redux-persist'
// 修正导入路径和变量名，避免和store实例冲突
import storage from 'redux-persist/lib/storage/session' 
import rootReducer from './reducers'

const persistConfig = {
  key: 'root',
  storage: storage, // 传入正确的存储对象
}

// 正确调用persistReducer，传入配置和根reducer
const persistedReducer = persistReducer(persistConfig, rootReducer)

// 用持久化后的reducer创建store实例
const store = createStore(persistedReducer)

// 创建persistor实例
const persistor = persistStore(store)

// 导出store和persistor供应用使用
export { store, persistor }

额外必要检查 #

确保你在应用入口组件（比如App.js）里用PersistGate正确包裹根组件，这样Redux Persist才能正常加载持久化数据：

import { Provider } from 'react-redux'
import { PersistGate } from 'redux-persist/integration/react'
import { store, persistor } from './Persistor'

function App() {
  return (
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor}>
        {/* 你的根组件内容 */}
      </PersistGate>
    </Provider>
  )
}

export default App

这样修改后，应该就能解决那个subscribe的错误，Redux Persist也能正常工作啦。

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