Как решить: console.error: "redux-persist не удалось создать хранилище синхронизации. Откат к хранилищу" noop "

Я пытаюсь настроить redux-persist в собственном приложении.

Однако я нажимаю эту ошибку:

console.error: "redux-persist не удалось создать хранилище синхронизации. вернуться к "обычному" хранилищу

Я пытался изменить хранилище с хранилища на AsyncStorage в "src/redux/index.js", но оно все еще сталкивается с той же ошибкой:

import AsyncStorage from '@react-native-community/async-storage';

const config = {
  key: "root",
  storage: AsyncStorage // Attempted to fix it (but failed)
  // storage // old code
};

Вот другие коды:

В App.js:

import React, { Component } from "react";
import { Provider } from "react-redux";
import { persistStore } from "redux-persist";
import { PersistGate } from "redux-persist/es/integration/react";
import store from "@store/configureStore";
import Router from "./src/Router";

export default class ReduxWrapper extends Component {
  render() {
    const persistor = persistStore(store);
    return (
      <Provider store={store}>
        <PersistGate persistor={persistor}>
          <Router />
        </PersistGate>
      </Provider>
    );
  }
}

В configureStore.js:

import { applyMiddleware, compose, createStore } from "redux";
import thunk from "redux-thunk";
import reducers from "@redux";

const middleware = [
  thunk,
  // more middleware
];

const configureStore = () => {
  let store = null;
  store = compose(applyMiddleware(...middleware))(createStore)(reducers);
  return store;
};

export default configureStore();

В /src/redux/index.js

import { persistCombineReducers } from "redux-persist";
import storage from "redux-persist/es/storage";

import { reducer as NetInfoReducer } from "./NetInfoRedux";
import { reducer as UserRedux } from "./UserRedux";

const config = {
  key: "root",
  storage,
};

export default persistCombineReducers(config, {
  netInfo: NetInfoReducer,
  user: UserRedux,
}

В Router.js

import React from "react";
import NetInfo from "@react-native-community/netinfo/lib/commonjs";
import { Config, AppConfig, Device, Styles, Theme, withTheme } from "@common";
import { AppIntro } from "@components";
import { connect } from "react-redux";

class Router extends React.PureComponent {
  constructor(props){
    super(props)
    this.state = {
      loading: true,
    };
  }

  componentWillMount() {
    NetInfo.getConnectionInfo().then((connectionInfo) => {
      this.props.updateConnectionStatus(connectionInfo.type != "none");
      this.setState({ loading: false });
    });
  }

  render() {
    return <AppIntro />;
  }
}

export default withTheme(
    connect(
    //   mapStateToProps,
    //   mapDispatchToProps
    )(Router)
);

Обновление:

Удалось решить ошибку на основе предложения mychar: github.com/rt2zz/redux-persist/issues/1080:

1) npm install --save @react-native-community/async-storage

2) на iOS не забудьте выполнить "установку pod" в папке iOS

3) Изменить хранилище на AsyncStorage

old code => import storage from 'redux-persist/lib/storage';
new code => import AsyncStorage from '@react-native-community/async-storage';

old code =>
const persistConfig = {
//...
storage,
}

new code =>
const persistConfig = {
//...
storage: AsyncStorage,
}

Тем не менее, все еще получаю это предупреждение:

Ответ 1

В redux-persist v6 вы пытаетесь изменить следующим образом:

Старый конфиг V5 =>

import storage from 'redux-persist/lib/storage';
const persistConfig = {
   //...
   storage,
}

Новая конфигурация v6 =>

Сначала добавьте: yarn add @react-native-community/async-storage

import AsyncStorage from '@react-native-community/async-storage';
const persistConfig = {
  //...
  storage: AsyncStorage,
}

Ответ 2

До redux-persist v6.0.0 вы использовали хранилище так:

import storage from 'redux-persist/lib/storage';

В фоновом режиме используется AsyncStorage, который был в ядре react-native.

Так как react-native устарел AsyncStorage и удалит его из ядра react-native, новая версия redux-persist перестала его использовать, и это кажется хорошим решением.

Вы можете сделать то же самое сейчас, но вместо этого импортируйте AsyncStorage из версии сообщества.

import AsyncStorage from '@react-native-community/async-storage';

А затем используйте в вашей конфигурации:

const persistConfig = {
  storage: AsyncStorage,
  //other configurations
};

Переход на redux-persist v5 не является стабильным решением, поскольку он использует AsyncStorage из ядра react-native, а react-native полностью удалит его в следующих версиях.

Кроме того, я читал в комментариях, что вам не нравится AsyncStorage, также как я объяснил, что redux-persist использует его в качестве хранилища, поэтому единственное отличие состоит в том, что вы должны получать его из версии сообщества, а не из ядра react-native

Ответ 3

Моя ошибка была решена путем понижения версии redux-persis до "5.10.0".

Ответ 4

Понижение redux-persist до 5.10.0