React devToolsExtension破坏了存储

Question

当我使用创建商店时

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

我在控制台收到警告，商店不工作：

还原器接收到的以前的状态具有意外类型"功能"。参数应为具有以下键的对象："帖子"，"侧边栏"

当我移除DevTools 时

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

它又开始工作了。

你知道如何设计DevTools并让应用程序仍然工作吗？如果你想了解一些消息来源，可以看看这个问题。它的配置方式与我的应用程序非常相似。

Answer 1

我已经设置了这样的工具：

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

请注意此处使用的compose，您可以将其与applyMiddleware和createStore一起从redux导入。

IIRC你的方法曾经在旧版本的redux中起作用，但我不能确定它是什么时候停止工作的。我确实记得你也遇到过同样的问题。