Reagieren devToolsExtension Shop

Question

bricht Wenn ich ein Geschäft mit

const store = createStore(reducers, applyMiddleware(...middleware), window.devToolsExtension ? window.devToolsExtension() : f => f) 

ich eine Warnung in der Konsole erstellen erhalten und der Speicher funktioniert nicht:

Der vorherige Zustand durch die Minderer erhalten hat unerwarteter Typ von "Funktion". Erwartete Argument ein Objekt mit den folgenden Tasten sein: "Beiträge", "Sidebar"

Wenn ich entfernen Sie die DevTools

const store = createStore(reducers, applyMiddleware(...middleware)); 

es beginnt wieder zu arbeiten.

Können Sie wie DevTools zuweisen und haben die App noch funktioniert? Wenn Sie einige Quellen sehen möchten, werfen Sie einen Blick auf diese question. Es ist in der gleichen Weise wie meine App konfiguriert.

Answer 1

Ich habe meine Werkzeuge wie diese ein:

const store = createStore(
    rootReducer, 
    initialState, 
    compose(
     applyMiddleware(
      thunkMiddleware, 
      createLogger(), 
      errorHandler, 
      navigate, 
      tracking 
     ), 
     window.devToolsExtension ? window.devToolsExtension() : f => f 
    ) 
); 

Beachten Sie die Verwendung von compose hier, Sie importieren aus redux zusammen mit applyMiddleware und createStore.

IIRC Ihre Art, es zu tun, verwendete, um in einer älteren Version von redux zu arbeiten, aber ich kann nicht genau sicher sein, wann es aufgehört hat zu arbeiten. Ich erinnere mich, dass ich das gleiche Problem hatte.