You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 03:42:08