Конфигурация Redux для Devtools не работает

Я пытаюсь настроить свое приложение на использование 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

Итак, где я не так с этим?

1 ответ

Решение

Ну, я разобрался с проблемой, и теперь она работает для меня.

все, что мне нужно было сделать, это добавить код избыточного 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__());

это было так просто.

Другие вопросы по тегам