Redux/React Native应用根状态未定义，导入makePages时报错求助

我来帮你拆解下这个诡异的问题——明明没用到makePages，导入它却触发了Cannot read property 'product' of undefined错误，核心问题其实出在模块导入的副作用和Redux状态初始化的缺失上，具体如下：

可能的问题根源 #

1. 模块导入的隐性执行 #

你导入import { makePages } from './pages'时，会触发整个pages模块下所有顶层代码的执行：

• 会加载pages/model.js里Record({ height: 5 })的创建逻辑
• 会加载pages/reducer.js的所有导出代码

哪怕你没直接调用makePages，这个模块的顶层代码已经在运行了，如果pages/reducer或者它依赖的代码里，有默认依赖根状态某个属性（比如product）的逻辑，就会在Redux初始化还没完成时触发报错。

2. Redux根状态初始化不完整 #

报错Cannot read property 'product' of undefined的本质是：某个地方在访问state.product，但根状态state本身是undefined。这通常是因为：

• 根reducer合并子reducer时，某个分支（比如product对应的reducer）没有设置初始状态
• 根reducer整体返回了undefined，导致Redux创建store时初始状态为undefined

具体解决步骤 #

步骤1：检查根reducer的初始状态配置 #

确保根reducer合并时，每个子分支都有合法的初始状态，比如：

// 根reducer示例
import { combineReducers } from 'redux';
import productReducer from './product/reducer';
import pagesReducer from './pages/reducer';

const rootReducer = combineReducers({
  // 必须保证productReducer有自己的初始状态，不能返回undefined
  product: productReducer,
  // pages分支的初始状态应该是makePages创建的Record实例
  pages: pagesReducer,
});

步骤2：修复pages reducer的初始状态 #

你的pages/reducer.js必须返回由makePages()创建的Immutable Record实例作为初始状态，不能留空：

// pages/reducer.js示例
import { makePages } from './model';
// 假设你有action类型
import { UPDATE_PAGE_HEIGHT } from './actions';

// 初始化pages状态为Record实例，这一步很关键
const initialState = makePages();

export default function pagesReducer(state = initialState, action) {
  switch(action.type) {
    case UPDATE_PAGE_HEIGHT:
      return state.set('height', action.payload);
    default:
      return state;
  }
}

步骤3：排查模块顶层的非法状态访问 #

检查pages模块下所有文件的顶层代码，确保没有在Redux初始化完成前就访问根状态的逻辑（比如在顶层直接调用useSelector或者访问store.getState()），这类代码会在模块导入时直接执行，导致状态未初始化就被读取。

额外提示 #

Redux要求所有reducer必须是纯函数，且默认返回合法的初始状态（不能是undefined）。如果某个子reducer没有设置初始状态，combineReducers会把该分支设为undefined，进而导致整个根状态结构异常，触发属性访问错误。

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