React+Node.js应用Redux configureStore报错：reducer参数异常求助

报错核心是Redux Toolkit的configureStore调用格式错误，它要求传入一个配置对象，而非直接将reducer和中间件作为独立参数传入。

1. 修正store/index.js的配置 #

原代码沿用了老版Redux createStore的参数格式，不符合RTK的configureStore规范。修改如下：

import { configureStore } from "@reduxjs/toolkit";
import rootReducer from './reducers'

// RTK默认内置redux-thunk，无需手动引入applyMiddleware
const store = configureStore({
  reducer: rootReducer
})

export default store

如果需要添加自定义中间件，可按以下方式扩展：

import { configureStore } from "@reduxjs/toolkit";
import { thunk } from 'redux-thunk'
import rootReducer from './reducers'

const store = configureStore({
  reducer: rootReducer,
  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(thunk)
})

export default store

2. 优化根reducer的写法（可选但推荐） #

虽然简写authReducer不会触发报错，但明确指定state键名能让store结构更清晰，修改reducers/index.js：

import { combineReducers } from "redux";
import authReducer from "./auth";

export default combineReducers({
  auth: authReducer
})

报错原因详解 #

RTK的configureStore仅接受单个配置对象作为参数，你之前直接传入rootReducer作为第一个参数，导致函数无法识别reducer参数，因此抛出"reducer is a required argument"的错误。同时RTK已默认集成redux-thunk，无需手动调用applyMiddleware。

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