前端接入若依后,页面白屏问题排查

白屏问题分析

页面停留一段时间后,通过tab打开其他的页面,界面会白屏或者无法跳转;

  • 白屏的时候控制台无任何报错
  • 无法跳转的时候,控制台会输出错误信息,见截图

1. 无报错白屏问题

通过查找若依的issues找到一个问题点,参考若依的issues地址,其中关键点,看若依官方回复的截图

通过这个回复,我去排查项目里面的代码,发现很多注释位置不规范,例如这种

将项目中这种注释全部移到div内部,保证单节点,页面无报错的白屏情况就解决了

2. 控制台报错的无法跳转情况

这种问题在项目中无法精确定位,因为是非代码问题,直到看到vite生产环境报错,TypeError: Failed to fetch dynamically imported module: xxx

问题推测:用户在发布版本之前已经打开效能管理平台,在版本发布之后,用户跳转有代码更新的页面便会失败

有去证实这个问题,发现确实如此,具体解决办法链接的文档中有解决方案,我并未进行实操,因为暂时不准备去解决这个问题

相关推荐
掘金酱6 小时前
带着作品来,坐下来聊|掘金 X-lab · Coffee Talk 邀请你来见一面
前端·javascript·后端
CoovallyAIHub7 小时前
用 AI 做 PPT 被辞退,法院判公司赔:员工贴进对话框的数据,到底谁负责?
前端·agent
fruge7 小时前
SSH、RDP、VNC不必各开一个客户端:Next Terminal用Web入口统一管理远程资产和会话记录
运维·前端·ssh
honkun67 小时前
vue 下拉树组件 vxe-table-select 实现分页多选
前端·javascript·vue.js
用户621007587028 小时前
Web BIM 开发实践:如何将构件选择、属性查询接入业务系统?
前端
羲云8 小时前
AI 分站搭完就能发链接?上线前先过这 5 关
前端
葡萄城技术团队8 小时前
一个 F4 快捷键,为什么能决定 Web 表格是否像 Excel?
前端
王川7088 小时前
商协会后台前端的模块聚合实践
前端·后端
jerrywus8 小时前
Codex、Claude Code、DSH 怎么用手机管?我试了试 Agents Anywhere
前端·claude·deepseek