reactjs - 连接 Redux devtools 和 Thunk 中间件来存储

我正在尝试将 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;

最佳答案

最简单的 方法是安装

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