redux-saga无法捕获请求action问题排查求助

你的问题核心是authSaga函数的写法错误，Redux-Saga的saga函数必须是generator函数，而你当前返回的是普通数组，导致rootSaga无法正确执行监听逻辑。

错误原因 #

在saga.ts中，authSaga返回的是一个包含takeEvery的数组，但yield all接受的是generator函数的迭代器，不是普通数组。当rootSaga执行yield all([authSaga()])时，实际拿到的是数组，Redux-Saga无法解析这个数组里的监听指令，自然不会捕获loginRequest action。

修复代码 #

修改saga.ts中的authSaga为generator函数：

function* loginSaga(action: ReturnType<typeof loginRequest>) {
    try {
      console.log(action);
      const response = yield call(loginApi, action.payload);
      yield put(loginSuccess("response"));
    } catch (error) {
      yield put(loginFailure(error));
    }
}

// 修改为generator函数，用yield执行takeEvery
export default function* authSaga() {
    yield takeEvery(loginRequest, loginSaga);
}

额外检查点 #

• 确认loginApi函数正确导出且能正常调用
• 确认loginRequest action在dispatch时，使用的是从action.ts导出的正确函数（不是手动创建的对象）
• 确认store配置中，sagaMiddleware已经正确添加到middleware数组，且rootSaga已经通过sagaMiddleware.run(rootSaga)启动

为什么之前的写法不行？ #

Redux-Saga的takeEvery是一个effect creator，它返回的是一个effect对象，必须在generator函数中通过yield来让saga中间件处理。如果直接返回数组，中间件无法识别这些effect，也就不会启动监听。

内容的提问来源于stack exchange，提问作者Quang Trần