redux devtools 配置不工作

Question

我正在尝试配置我的应用程序以使用 redux-devtools 但不知何故它不起作用。

这是我在使用 redux-devtools 之前的配置

var persistedState = loadState();

var createStoreWithMiddleware = compose(applyMiddleware(thunk,loadingBarMiddleware(),errorBarMiddleware()),reduxReset())(createStore);

export var store = createStoreWithMiddleware(reducers,persistedState);

这是我使用 redux-devtools 所做的

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
var createStoreWithMiddleware = compose(applyMiddleware(thunk,loadingBarMiddleware(),errorBarMiddleware()),reduxReset())(createStore);

const store = createStore(reducers, /* preloadedState, */ composeEnhancers(
  createStoreWithMiddleware(reducers,persistedState)
));

但是我得到了错误

Uncaught TypeError: reducer is not a function

那么，我哪里出错了？

Answer 1

好吧，我发现了问题，现在它对我有用。

所有，我要做的就是像这样将 redux devtools 代码添加到我以前的代码中。好像我让它变得比应该的更复杂。

无论如何，工作代码是

var persistedState = loadState();

var createStoreWithMiddleware = compose(applyMiddleware(thunk,loadingBarMiddleware(),errorBarMiddleware()),reduxReset())(createStore);

export var store = createStoreWithMiddleware(reducers,persistedState,window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());

就这么简单。

redux devtools 配置不工作

redux devtools config not working

redux

redux-devtools-extension