ExtReact初始化Redux Store报错：Reducer 'usershortcuts'初始化返回undefined

这个错误Uncaught Error: Reducer "usershortcuts" returned undefined during initialization其实是Redux的核心规则被打破了——任何reducer在任何情况下（包括初始化时）都不能返回undefined。结合你描述的场景，我给你梳理几个必查的解决点：

1. 给usershortcuts reducer设置合法的初始状态 #

Redux初始化时会自动派发一个@@INIT动作，这时候如果你的reducer没有处理这个动作，也没有默认返回有效值，就会抛出这个错误。你需要给reducer明确指定初始状态，并且保留default分支返回当前state：

// 定义初始状态，必须是有效值（对象、数组等，不能是undefined）
const initialState = {
  isLoaded: false,
  shortcutData: []
};

function usershortcutsReducer(state = initialState, action) {
  switch (action.type) {
    // 处理你的自定义动作，比如通知加载就绪的动作
    case 'USER_SHORTCUTS_READY':
      return {
        ...state,
        isLoaded: true
      };
    // 必须保留default分支，处理@@INIT等未匹配的动作
    default:
      return state;
  }
}

2. 检查combineReducers的配置 #

如果你用了combineReducers合并多个reducer，要确保usershortcuts对应的reducer确实正确设置了初始状态。combineReducers会严格检查每个reducer的初始化返回值，只要有一个返回undefined就会报错：

import { combineReducers } from 'redux';
import usershortcutsReducer from './usershortcutsReducer';

const rootReducer = combineReducers({
  // 这里的reducer必须保证初始化时返回有效值
  usershortcuts: usershortcutsReducer
});

3. 确认动作派发的时机 #

你提到动作调用只是通知reducer可以加载Store，要确保这个动作是在Redux Store完全初始化之后才派发的。比如在React组件的componentDidMount里，或者应用入口处（比如index.js），等Store创建完成后再触发：

// 假设store是你创建的Redux store实例
store.dispatch({ type: 'USER_SHORTCUTS_READY' });

4. 同步ExtReact Store与Redux状态 #

结合ExtReact的场景，你的ExtReact Store应该监听Redux状态的变化来同步数据。比如可以在ExtReact Store的constructor或者init方法里订阅Redux store的变化，当Redux的usershortcuts状态更新后，再更新ExtReact Store的data：

import { store } from '../path/to/your/redux/store';

Ext.define('MyApp.store.UserShortcuts', {
  extend: 'Ext.data.Store',
  constructor: function(config) {
    this.callParent(config);
    // 订阅Redux状态变化
    this.unsubscribe = store.subscribe(() => {
      const state = store.getState();
      // 确保state.usershortcuts存在且有数据
      if (state.usershortcuts?.isLoaded) {
        this.loadData(state.usershortcuts.shortcutData);
      }
    });
  },
  destroy: function() {
    // 取消订阅避免内存泄漏
    this.unsubscribe();
    this.callParent();
  }
});

核心思路就是：让Redux reducer始终返回有效值，初始化阶段必须有明确的初始状态，同时确保动作派发和状态同步的时机正确。

内容的提问来源于stack exchange，提问作者Милош Рајковић