Redux Uncaught Error: It looks like you are passing several store enhancers to createStore()

Hi,

Since a couple of days I can’t access to my remote web appplication anymore while enabling Redux Devtools in Chrome.

I tried to reinstall the extension and to clean all browsing data but it didn’t resolve the error. Currently I have to test my application served by npm on localhost, or by using incognito mode.

The detailed error is :

Uncaught Error: It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function
    at o (redux.js:66)
    at Object.<anonymous> (index.js:16)
    at t (bootstrap b5dc8cab7b2a5da1ea64:19)
    at Object.<anonymous> (main.c859c145.js:54321)
    at t (bootstrap b5dc8cab7b2a5da1ea64:19)
    at bootstrap b5dc8cab7b2a5da1ea64:62
    at bootstrap b5dc8cab7b2a5da1ea64:62

line index.js:16 :

const store = createStore(rootReducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
  applyMiddleware(thunk, reactRouterMiddleware));

Thanks.

[zenghj]

try this

const store = createStore(rootReducer, compose(applyMiddleware(thunk, reactRouterMiddleware), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()))

[bmwcmw]

Currently it works by changing to

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
  rootReducer,
  composeEnhancers(
    applyMiddleware(thunk, reactRouterMiddleware),
  )
);