如何解决：console.error："redux-持久性创建同步存储失败.返回到"noop"存储

Question

我正在尝试在react本机应用程序中设置redux持久化。

但是我遇到了这个错误：

安慰错误：“redux persist无法创建同步存储。正在退回到“noop”存储

我试图在"src/redux/index.js"中将存储从存储更改为Asyncstore，但它仍然遇到相同的错误：

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

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

这是其他代码：

应用程序内。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安装--保存@react本机社区/异步存储

2）iOS，记得在iOS文件夹中执行pod安装

3） 将存储更改为异步存储

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,
}

但是，仍然收到以下警告：

Answer 1

我面临着同样的问题，即使我用Asyncstore替换了存储。

我通过删除原始存储的导入行解决了这个问题

import storage from "redux-persist/es/storage"; //remove this

Answer 2

在redux持久化之前v6。0.0您使用的存储方式如下：

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

它在后台使用的是AsyncStorage，它位于react nativecore中。

由于react native已弃用AsyncStorage并将其从react native核心中删除，因此新版本的redux persist已停止使用它，这似乎是一个不错的决定。

您现在可以做同样的事情，但是从社区版本导入Asyncstore。

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

然后在配置中使用in：

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

降级到redux persistv5并不是一个稳定的解决方案，因为它使用核心react native的异步存储，并且react native将在即将发布的版本中完全删除它。

另外，我在评论中读到您不喜欢AsyncStorage，并且我解释了redux persist一直将其用作存储，所以现在唯一的区别是您应该从社区版本而不是从react native核心获得它

Answer 3

在redux persist v6中，您可以尝试进行如下更改：

旧配置V5=

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

新的配置v6=

第一个添加：yarn add@react-nate-async-存储/async-存储

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