陣營devToolsExtension打破了商店

Question

當我創建使用

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

我收到警告的控制檯和商店不起作用商店：

由減速機接收到先前的狀態了意想不到的類型 「功能」。預計參數與以下鍵的對象： 「上崗」，「側邊欄」

當我刪除了DevTools

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

它再次開始工作。

你如何設計DevTools並讓該應用程序仍然有效？如果你想看到一些消息來源看看這個question。它的配置方式與我的應用程序非常相似。

Answer 1

我建立了我的工具，這樣的：

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

注意使用compose這裏，你redux導入與applyMiddleware和createStore一起。

IIRC你這樣做的方式曾用於舊版本的redux，但我無法確定它何時停止工作。我記得你遇到了同樣的問題。