configureStore报错：reducer为必填参数，需为函数或可传入combineReducers的函数对象

问题详情 #

调用configureStore时触发错误：

"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers

完整报错栈：

configureStore.ts:167 Uncaught Error: "reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers
    at configureStore (configureStore.ts:167:1)
    at ./src/store.js (store.js:13:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at ./src/index.js (productConstant.js:3:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at startup:7:1
    at startup:7:1

已在store.js中打印reducer类型，结果显示为函数，但错误依然存在。代码仓库地址为https://github.com/Bala-Sai-Teja-Singh/error，求排查方案。

排查建议 #

• 检查configureStore参数结构：确保reducer是直接作为顶层字段传入，而非嵌套在其他对象中。正确写法示例：

  import { configureStore } from '@reduxjs/toolkit';
  import rootReducer from './reducers';
  
  const store = configureStore({
    reducer: rootReducer
  });
  

  避免出现{ store: { reducer: rootReducer } }这类错误嵌套结构。

• 验证reducer导出/导入正确性：

  • 若reducer使用默认导出，导入时无需解构：

    // reducer文件
    export default (state, action) => { /* ... */ }
    // store.js导入
    import rootReducer from './reducers';
    

  • 若使用命名导出，导入时必须对应解构：

    // reducer文件
    export const rootReducer = (state, action) => { /* ... */ }
    // store.js导入
    import { rootReducer } from './reducers';
    

• 排查循环导入问题：如果store.js和reducer文件存在循环引用，可能导致configureStore执行时reducer还未被正确初始化（后续打印显示正常，但初始化时为undefined）。可通过调整导入顺序或拆分耦合代码解决。

• 升级Redux Toolkit版本：部分旧版本RTK对reducer的校验逻辑存在差异，尝试升级至最新稳定版：

  npm install @reduxjs/toolkit@latest
  

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