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

白屏问题分析

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

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

1. 无报错白屏问题

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

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

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

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

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

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

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

相关推荐
天外飞雨道沧桑9 分钟前
详解CSS中的Containing Block:概念、规则与实战解析
前端·css
彩票管理中心秘书长13 分钟前
Git 图形化交互工具大全:从官方 GUI 到高级扩展
前端
ID_1800790547316 分钟前
Python 实现京东商品详情 API 数据准确性校验(极简可直接用)
java·前端·python
前端那点事17 分钟前
Vue生命周期速查:Vue2+Vue3钩子全解析,新手也能秒懂
前端·vue.js
陆枫Larry20 分钟前
横向滚动列表紧贴屏幕边缘问题:原理分析与解决方案
前端
JuliusDeng20 分钟前
02. 环境搭建
前端
练习时长一年36 分钟前
@NotEmpty注解引发的报错
java·服务器·前端
郝学胜-神的一滴1 小时前
[力扣 227] 双栈妙解表达式计算:从思维逻辑到C++实战,吃透反向波兰式底层原理
java·前端·数据结构·c++·算法
淼淼爱喝水1 小时前
基于DOM型XSS漏洞与利用实验教程
前端·xss·dom·dvwa
Aotman_2 小时前
Element UI 表格搜索高亮
前端·javascript·vue.js·ui·elementui