使用Redux Toolkit+Redux Saga时,Redux DevTools无法查看异步action求助
解决Redux Toolkit + Redux Saga异步Action不显示在DevTools的问题
你的问题核心在于store配置时直接替换了默认中间件数组,导致Redux Toolkit内置的DevTools集成中间件被移除,无法追踪Saga处理的异步Action。
修复步骤:
- 不要直接覆盖
middleware数组,而是通过getDefaultMiddleware获取默认中间件后,再添加sagaMiddleware - 确保DevTools选项正确配置(你已经设置了
devTools: true,这部分没问题)
修正后的store配置代码:
const store = configureStore({ reducer: createReducer(), middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(sagaMiddleware), devTools: true, });
额外检查点:
- 确认你的Saga代码中确实是通过
put()方法分发了由createAction创建的异步Action,而不是直接执行逻辑而不触发Action - 检查Redux DevTools的过滤设置,确保没有隐藏异步Action类型
内容的提问来源于stack exchange,提问作者devanil
相关产品推荐
相关产品推荐

