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

就这么简单。