修复Redux Saga中'reducer'为必填参数的错误

常见问题及修复方案 #

• 确认configureStore中reducer参数已正确传入
  调用configureStore时必须指定reducer字段，指向合并后的根reducer或单个合法reducer，不能遗漏。示例：

  // 错误写法：缺少reducer字段
  const store = configureStore({
    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(sagaMiddleware)
  })
  
  // 正确写法
  import rootReducer from './reducers'
  
  const store = configureStore({
    reducer: rootReducer,
    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(sagaMiddleware)
  })
  

• 验证reducer的合法性
  确保你的reducer是符合要求的纯函数，或通过combineReducers合并后的对象：

  // 单个reducer示例
  const counterReducer = (state = 0, action) => {
    switch(action.type) {
      case 'INCREMENT':
        return state + 1
      default:
        return state
    }
  }
  
  // 合并多reducer示例
  import { combineReducers } from '@reduxjs/toolkit'
  const rootReducer = combineReducers({
    counter: counterReducer,
    // 其他业务reducer
  })
  

• 检查reducer的导入导出是否匹配
  确认reducer文件的导出方式和导入方式一致：

  // 若reducer是默认导出
  export default counterReducer
  // 导入时用
  import counterReducer from './counterReducer'
  
  // 若为命名导出
  export const counterReducer = (...) => {...}
  // 导入时用
  import { counterReducer } from './counterReducer'
  

额外排查项 #

• 你使用的@reduxjs/toolkit@1.8.3版本中，configureStore的reducer参数是强制必填项，不存在省略的情况。
• 检查sagaMiddleware配置过程中，是否误将reducer字段删除或覆盖。

内容的提问来源于stack exchange，提问作者Ram01