Remix应用报错：Cannot read properties of undefined (reading 'handle')求助

我的Remix应用有部分用户遇到错误：Cannot read properties of undefined (reading 'handle')，我无法复现该问题，仅能通过用户提供的报错截图获取信息。

已在应用根目录定义了CatchBoundary和ErrorBoundary，本应触发邮件发送错误信息，但未触发，推测错误发生在边界初始化之前。

报错堆栈信息：

TypeError: Cannot read properties of undefined (reading 'handle')
at https://.../build/_shared/chunk-XTT3FRU5.js:24:2309
Array.map ()....

注：因仅收到截图，未完整录入堆栈信息。

查看压缩脚本中的路由初始化相关片段：

function ee() {
  let { routeModules: e } = w();
  return fe().map((r) => ({
    id: r.id,
    pathname: r.pathname,
    params: r.params,
    data: r.data,
    handle: e[r.id].handle,
  }));
}

我仅在2个路由中导出了handle，均依赖remix-utils包，分别用于实现外部脚本和设置动态链接。已使用BrowserStack在多浏览器测试线上应用，仍无法复现问题。请问是否有人遇到过该错误，或知晓可能的原因？

• 路由模块加载异常：代码中e[r.id]为undefined，说明对应ID的路由模块未在客户端加载成功。可能是用户网络波动导致chunk加载失败，或是路由分包配置有问题。
  • 检查路由分包规则，确保所有路由模块都能被正确打包；
  • 修改代码添加防御性判断，将handle: e[r.id].handle改为handle: e[r.id]?.handle，避免直接抛出错误；
• 路由ID不匹配：fe()返回的路由列表中存在某个r.id，但routeModules中无对应键值。可能是构建过程中路由ID生成规则不一致，比如本地与生产构建的差异。
  • 核对所有路由文件的命名规范，符合Remix的路由要求；
  • 清理生产环境构建缓存，重新构建部署；
• 客户端缓存冲突：用户浏览器缓存了旧的chunk文件，新部署后路由结构变化，旧缓存无法匹配新路由ID。
  • 确认Remix构建产物带有哈希值（默认已开启），确保浏览器能获取最新资源；
  • 部署后可添加缓存刷新提示，引导用户清理浏览器缓存；
• remix-utils兼容性问题：仅在两个路由中使用remix-utils导出handle，可能是该包与当前Remix版本不兼容，导致路由模块初始化异常。
  • 检查remix-utils与Remix的版本适配情况，升级到匹配的稳定版本；
  • 暂时替换remix-utils的功能为原生Remix实现，验证问题是否消失；
• 框架初始化阶段错误：错误发生在CatchBoundary和ErrorBoundary之前，属于Remix路由初始化的框架内部逻辑问题。
  • 升级Remix到最新稳定版本，排查官方是否已修复同类初始化bug；
  • 在根路由的loader或clientLoader中添加全局错误捕获，提前拦截这类初始化错误；

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