Redux Toolkit导入报错：无法从userSlice中导出userReducer如何解决？

错误触发原因 #

Header.js 中使用命名导入的方式引入userReducer，但 userSlice.js 中的 reducer 为默认导出，没有对外暴露名为userReducer的命名导出项，导入匹配失败触发报错。

修复方案 #

方案1：修改Header.js导入语句（推荐） #

将原有导入代码：

import { userReducer } from "../features/user/userSlice";

改为默认导入写法（移除大括号）：

import userReducer from "../features/user/userSlice";

该方案无需改动userSlice.js现有代码，符合Redux Toolkit的常规使用规范。

方案2：修改userSlice.js导出规则 #

如果需要保留命名导入的写法，可在userSlice.js末尾新增命名导出：

export const userReducer = userSlice.reducer;
// 原有默认导出可保留，不影响其他地方的引用
export default userSlice.reducer;

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