javascript - 从应用商店或 Play 商店更新时应用程序崩溃，因为它具有旧的本地存储

Question

我使用 redux-persist 将数据保存到 redux 存储中。我现在在商店中添加了一些新标志，但是当从商店更新应用程序时，它不会获得新标志，因为它具有旧的本地存储，并且本地存储在更新应用程序时不会清除。这会导致应用程序崩溃，直到我删除应用程序后重新安装该应用程序为止。

'use strict';

/* React Native */
import { AsyncStorage } from 'react-native';

/* Officetrax */
import { createStore, applyMiddleware } from 'redux';
import app from './reducers';

/* Thunk */
import thunk from 'redux-thunk';

/* Redux Storage */
import excludeSaveActionConstants from './constants/excludeSaveActionConstants';

/* Remote Redux Dev Tools */
import { composeWithDevTools } from 'remote-redux-devtools';

/* Redux Offline */
import { offline } from '@redux-offline/redux-offline';
import offlineConfig from '@redux-offline/redux-offline/lib/defaults';

/* Redux Logger */
import { createLogger } from 'redux-logger';

export default function configureStore() {




    // Create redux logger
    const logger = createLogger({
        //logger: remoteConsole,
        logErrors: true,
    });

    let persistOptions = { ...offlineConfig, whitelist: excludeSaveActionConstants };

    const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || composeWithDevTools;
    // Create the store with middleware applied
    let store = createStore(app, composeEnhancers(
        applyMiddleware(thunk),
        offline(persistOptions)
    ));

    return store;
}

Answer 1

如果您要更改 reducer 结构，则应该迁移，或者按照 Jesse Schokker 建议清除所有缓存，但如果您确实不想丢失某些数据，则可以进行迁移。

import { createMigrate } from 'redux-persist';

const migrations = {
    2: state => {
      const { yourReducer } = state;
      const mynewStructure = { ...yourReducer, myNewKey: 'some value' }; 
      state.yourReducer = mynewStructure;
      return state;
      };
    }
  };

  const persistConfig = {
    ...offlineConfig, 
    whitelist: excludeSaveActionConstants
    version: 2, // Add a version which will correspond to the number declared in your migrate
    migrate: createMigrate(migrations, { debug: false })
  };