使用Redux Toolkit的configureStore时报No reducer provided for key "auth"错误如何解决

首先明确：你不需要额外定义rootReducer来解决该问题。Redux Toolkit的configureStore接口传入键值对格式的reducer参数时，内部会自动调用combineReducers生成根reducer，你当前的store写法本身符合官方规范。

报错原因排查 #

这个报错本质是传入configureStore的auth字段对应的reducer值为undefined，常见诱因有三类：

• 循环导入问题：你的authSlice中导入了alertSlice的setAlert方法，如果alertSlice中同时也导入了authSlice的内容，或者二者存在间接的循环引用，会导致authReducer在导入到store.js时为undefined，触发该报错。你可以在store.js导入authReducer的代码后加一行console.log(authReducer)，如果打印结果为undefined，就可以确定是导入环节出的问题。
• 文件名大小写不匹配：检查你的auth slice的实际文件名，如果是authslice.js（s小写），而你在store.js中导入时写的是authSlice.js（S大写），在macOS/Windows等大小写不敏感的文件系统中偶尔会出现打包后模块加载异常，导致导入的reducer为undefined。
• 注意：你代码中registerSuccess reducer的逻辑错误虽然不会直接触发这个初始化报错，但也需要尽快修正：你的auth state是普通对象，不存在数组的push方法，运行到注册逻辑时会触发崩溃，同时你多解构了一层payload，dispatch传入的res.data直接就是action.payload，不需要再拆一层action.payload.payload。

修复方案 #

1. 排查循环导入：如果alertSlice中没有引入authSlice的内容，你可以把公共的action方法抽到独立的公共文件中，避免跨slice的直接导入；如果确实存在循环引用，拆分公共逻辑即可解决。
2. 统一文件名和导入路径的大小写，确保二者完全匹配。
3. 修正registerSuccess reducer的错误写法，参考代码如下：

registerSuccess: (state, action) => {
  const { token, user } = action.payload;
  // 把接口返回的token存入localStorage
  localStorage.setItem('token', token);
  state.token = token;
  state.user = user;
  state.isAuthenticated = true;
  state.loading = false;
},

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