Redux selectUser报TypeError：无法读取undefined的user属性

这个错误的本质是selectUser选择器运行时，拿到的全局state对象上不存在user属性，导致state.user值为undefined，再读取其下的user字段就触发了类型错误，常见诱因有3种：

• 配置Redux store时，没有将userSlice导出的reducer正确注册到store的reducer配置项中
• 注册reducer时自定义的状态键名和选择器里写的路径不匹配，比如注册时写的键是userInfo，选择器里却取state.user
• 应用根组件没有用Redux的Provider组件包裹并传入正确的store实例，导致选择器拿不到合法的全局state

按以下步骤逐一排查修复即可：

1. 核对store配置文件，确保userSlice的reducer正确注册，且挂载的状态键名和选择器路径一致
   正确的store配置参考：

import { configureStore } from '@reduxjs/toolkit';
// 注意替换成你项目里userSlice的实际文件路径
import userReducer from './userSlice';

export const store = configureStore({
  reducer: {
    // 这里的键必须命名为user，和selectUser里的state.user对应
    user: userReducer,
    // 其他业务slice的reducer可按相同规则在此处注册
  },
});

2. 检查应用入口文件，确认根组件被Provider包裹，且传入了上面配置好的store实例
   入口文件参考：

import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import { store } from './store';
import App from './App';

ReactDOM.createRoot(document.getElementById('root')).render(
  <Provider store={store}>
    <App />
  </Provider>
);

3. 可选容错处理：如果项目里存在slice懒加载、初始化阶段state未完全挂载的场景，可以给选择器加可选链，避免初始化阶段的空值报错：

export const selectUser = (state) => state.user?.user;

修复后重启开发服务，报错就会消失，login、logout动作触发时状态也能正常更新读取。

内容的提问来源于stack exchange，提问作者Milan Kumar Bura