TypeError: this.props.persistor.subscribe不是函数Redux Persist

Question

我正在将redux-persist合并到我的react应用程序中，并且收到以下错误: TypeError: this.props.persistor.subscribe不是一个函数

我正在遵循以下链接中描述的相同文档：https://www.npmjs.com/package/redux-persist

store.js

import {applyMiddleware,createStore,combineReducers} from "redux"
import {createLogger} from "redux-logger"
import thunk from "redux-thunk"
import promise from "redux-promise-middleware"
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage' // defaults to localStorage for web and AsyncStorage for react-native

import reducer from "./Reducers"
const middleware = applyMiddleware(promise(),thunk,createLogger())
const persistConfig = {
  key: 'root',
  storage,
}
const persistedReducer = persistReducer(persistConfig, reducer)

export default () => {
  let store = createStore(persistedReducer,middleware)
  let persistor = persistStore(store)
  return { store, persistor }
}.js:

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import registerServiceWorker from './registerServiceWorker';
import { Provider } from 'react-redux'
import store from "./store"
import persistor from "./store"

import { PersistGate } from 'redux-persist/integration/react'

ReactDOM.render(
    <PersistGate loading={null} persistor={persistor}>
        <Provider store={store}>
                <MuiThemeProvider>
                    <App />
                </MuiThemeProvider>
        </Provider>
    </PersistGate>,


    document.getElementById('root'));
registerServiceWorker();

Answer 1

import {store, persistor} from 'your-store-module'绝对是正确的导入语法。

我建议仔细检查您的导出语句和路径。

Answer 2

只需像这样导出你的store和persitor：

export default {store, persistor};

然后在reducer上像这样导入它(其中定义了store和persistor )：

import Store from 'yourModuleName'

最后，调用persistor和store并将PersistGate放入Provider中，如下所示：

<Provider store={Store.store}>
     <PersistGate loading={null} persistor={Store.persistor}>
         <MuiThemeProvider>
            <App />
         </MuiThemeProvider>
     </PersistGate>,
</Provider>