使用TypeScript时遇runSaga错误:saga参数需为Generator函数
解决Redux Saga迁移TypeScript时的「saga argument must be a Generator function!」错误
错误原因
你当前的rootSaga里把**状态切片(reducer)**当成了saga生成器函数传入all方法,导致Redux Saga执行时识别到非生成器类型的内容,触发报错。
看你的代码:
- 导入的
sliceOne和secondSlice是reducer切片,不是saga生成器函数 yield all([...sliceOne, secondSlice])里传入的是reducer相关内容,而非合法的saga Effect或生成器迭代器
修复步骤
- 区分saga与reducer文件:找到对应切片的saga生成器文件(通常每个reducer切片会对应一个saga文件,比如
sliceOnes/sagas.ts、secondSlice/sagas.ts) - 修正rootSaga代码:确保
yield all数组内的每一项都是saga生成器函数的调用结果(或合法的Redux Saga Effect)
示例修正后的代码:
// root.ts import { all, fork } from "redux-saga/effects"; // 导入对应切片的saga生成器函数 import { sliceOneSaga } from "./sliceOnes/sagas"; import { secondSliceSaga } from "./reducers/secondSlice/sagas"; export default function* rootSaga() { // 使用fork或直接调用生成器函数,传入all方法 yield all([ fork(sliceOneSaga), fork(secondSliceSaga) ]); }
补充说明
- Redux Saga的
all方法接受的是Effect对象或生成器迭代器的数组,不能直接传入reducer - 确保所有传入
all的内容都是saga生成器函数(调用后返回迭代器),或通过fork/call等Effect包装的saga逻辑
内容的提问来源于stack exchange,提问作者user19715801
相关产品推荐
相关产品推荐

