Question

我将redux-persist合并到我的反应应用中，并收到以下错误： 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

Just export your store and persitor like this:  export default {store, persistor};
Then on you reducer import it like this: import Store from 'yourModuleName' where the store and persistor are defined.
Lastly, call your persistor and store and put PersistGate inside the Provider like this: 

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

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

2 个答案: