Middleware is not a function, почему такая ошибка?

Question

[cester]

Добрый день! Подскажите пожалуйста в чем может быть проблема?
Пробую сделать асинхронный запрос, в соответствии хочу использовать redux-thunk applyMiddleware
Выдает ошибку - middleware is not a function.
Непонятно как должна выглядеть полная картина, что должно возвращаться с actions!?
Чтобы использовать applyMiddleware(thunk) мне надо просто добавить его в createStore?
Не совсем понимаю как оно работает.
Буду очень благодарен за любую помощь!
Код store.js

const mapStore = createStore(
	rootReducer,
	compose(applyMiddleware(thunk), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
);

Comments

[Роман Александрович]

а вы applyMiddleware импортировали из redux?

[cester]

Роман Александрович, да

[Роман Александрович]

cester,

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

// componentDidMount(){

// }
const store = createStore(reducers, composeEnhancers(
    applyMiddleware(loger, thunk)
));

у меня в проекте так оформлено и все работает

[cester]

Роман Александрович, А у меня ошибка! что у вас в главном контейнере?
На эту ошибку может влиять неправильно написанные actions, reducers?
Как уже писал, не совсем понимаю как работает миддлевер...

[Роман Александрович]

cester, папробуйте import thunk from "redux-thunk";

[cester]

Роман Александрович, офигеть... заработало!
у меня было import {thunk} from 'redux-thunk',
вместо того что вы написали. Спасибо!!!!
Можете еще объяснить нормальными словами что делает thunk?

[Роман Александрович]

cester, он нужен для того что бы нормально использовать диспатч в экшенею лучше почитать документацию там нормально все описано и примеры есть/

Answer 1

[Роман Александрович]

import thunk from "redux-thunk";