Redux devtools config 不起作用

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__());

就这么简单。