Конфигурация 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__());
это было так просто.