redux devtools配置不工作

Question

我正在尝试配置我的应用程序来使用，但它不知何故不起作用。

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

var persistedState = loadState();

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

export var store = createStoreWithMiddleware(reducers,persistedState);

下面是我使用时所做的事情

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

嗯，我想出了问题，现在它对我有用了。

我所要做的就是将代码添加到前面的代码中，如下所示。好像是我让事情变得更复杂了。

不管怎样，工作代码是

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

就这么简单。