Подключение Redux Devtools и промежуточного программного обеспечения Thunk для хранения

Question

Я пытаюсь подключить redux-devtools к своему хранилищу, но получаю следующую ошибку: «Похоже, вы передаете несколько расширений хранилища для createStore (). Это не поддерживается. Вместо этого объедините их в одиношибка функции. "

* Использование Thunk в качестве промежуточного программного обеспечения.

пытался использовать энхансер, но я все еще получал другие ошибки.

Помощь будет оценена.

Вот так выглядит мой магазин:

import {createStore,applyMiddleware} from 'redux';
import thunk from 'redux-thunk'

const initialState={
 bla:"",
 bla:"",
 bla:"",
}

const reducer = (state= initialState, action)=>{
 bla bla bla..
 actions...
}


const store= createStore(reducer,applyMiddleware(thunk))

export default store;

Answer 1

Самый простой способ - установить

npm install --save-dev redux-devtools-extension

тогда:

import { createStore, applyMiddleware } from 'redux';
import thunk from "redux-thunk";
import { composeWithDevTools } from 'redux-devtools-extension';

   const middlewares = [thunk, ...others ];

    const appReducers = combineReducers({
      yourReducers
    });


const store = createStore(appReducers, composeWithDevTools(
  applyMiddleware(...middleware),
  // other store enhancers if any
));

подробнее о конфигурации