抛出新错误（INPUT_ERROR）；错误：输入的类型无效

Question

这是我的 redux 存储代码，它给出了输入类型错误或输入无效错误 但这个错误是在开发模式下出现的，而不是在生产模式下出现的，为什么会这样，我没有任何线索

import { createStore, applyMiddleware, combineReducers } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";
import sessionStorage from "redux-persist/lib/storage/session";
import thunk from "redux-thunk";
import rootReducer from "./reducers";
import { createStateSyncMiddleware } from "redux-state-sync";

const SET_CLIENT_STATE = "SET_CLIENT_STATE";
const middlewares = [
thunk,
createStateSyncMiddleware({
    // blacklist: ["extras", "products"]
    whitelist: ["user"],
}),
];

const persistConfig = {
key: "root",
storage,
whitelist: ["user", "loggedInDoctor", "loggedInPatient"],
};

const sessionRedConfig = {
key: "referrer",
storage: sessionStorage,
};

const { referrer, ...otherReducer } = rootReducer;

const allReducers = combineReducers({
...otherReducer,
referrer: persistReducer(sessionRedConfig, referrer),
});

const persistedReducer = persistReducer(persistConfig, allReducers);

const makeConfiguredStore = (reducer, initialState) =>
createStore(
    reducer,
    initialState,
    composeWithDevTools(applyMiddleware(...middlewares))
);

export const makeStore = (initialState, { isServer, req, debug, storeKey }) => {
if (isServer) {
    initialState = initialState || { fromServer: "foo" };
    return makeConfiguredStore(allReducers, initialState);
} else {
    // we need it only on client side
    const store = makeConfiguredStore(persistedReducer, initialState);
    store.__persistor = persistStore(store); // Nasty hack
    return {
    ...store,
    store,
    };
}
};

export const setClientState = (clientState) => ({
type: SET_CLIENT_STATE,
payload: clientState,
});

Answer 1

createStateSyncMiddleware({
      channel: "redux-state-sync",
      predicate: (action) => {
        const blacklist = [PERSIST, PURGE, REHYDRATE, REGISTER, FLUSH, PAUSE];
        if (typeof action !== "function") {
          if (Array.isArray(blacklist)) {
            return blacklist.indexOf(action.type) < 0;
          }
        }
        return false;
      },
    })

当我在

createStateSyncMiddleware

功能中添加“频道”时，它就可以工作了！