React生产环境报forEach undefined错误 首次加载白屏刷新正常求助

• 核心问题是用户状态异步加载时序问题：你通过useSelector获取的state.getUser是接口异步返回的，首次页面渲染时接口还没响应，systemResourceIds初始值为undefined，导致生成的routes为undefined，同时defaultRoute为空字符串。
• 你看到的react_devtools_backend.js报错是React开发者工具插件的内部报错，和业务代码无关，不需要排查。
• 首次渲染时重定向目标defaultRoute为空，加上路由列表未初始化，直接触发白屏；刷新后用户状态已经缓存在内存中，状态初始化完成，所以页面正常加载。

1. 新增加载状态拦截：在路由组件最外层判断用户状态是否加载完成，未完成时返回加载提示，不要直接渲染路由逻辑：

function Router() {
  // 可自行从getUser状态中补充接口加载的loading字段
  const {systemResourceIds, userPageAccess, loading} = useSelector(state=> state?.getUser);
  // 新增：状态未加载完成返回加载页
  if (loading || !systemResourceIds || !userPageAccess) {
    return <div>加载中...</div>
  }
  // 原有逻辑保持不变
  ...
}

2. 给routes加兜底默认值：避免routes出现undefined的情况，保证后续遍历逻辑永远拿到数组类型：

// 替换原有routes定义逻辑
let routes = setSystemResourceIdObject ? createRoute(setSystemResourceIdObject) : [];

3. 给defaultRoute加兜底逻辑：避免重定向到空路径：

// 替换原有根路径重定向逻辑
<Route exact strict path="/" render={() => <Redirect to={defaultRoute || '/404'} />} />

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