0

我正在将 redux-persist 合并到我的反应应用程序中，并收到以下错误：TypeError: this.props.persistor.subscribe is not a function

我遵循以下链接中描述的相同文档：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();
4

2 回答 2

0

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

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

于 2018-08-28T18:57:20.930 回答
0

只需像这样导出您的商店和访问者：

export default {store, persistor};

然后在你的减速器上像这样导入它（定义storeand的地方）：persistor

import Store from 'yourModuleName'

最后，调用你的persistorandstore并将PersistGate其放入Provider如下：

<Provider store={Store.store}>
     <PersistGate loading={null} persistor={Store.persistor}>
         <MuiThemeProvider>
            <App />
         </MuiThemeProvider>
     </PersistGate>,
</Provider>
于 2020-02-20T10:47:24.353 回答