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

白屏问题分析

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

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

1. 无报错白屏问题

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

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

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

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

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

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

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

相关推荐
小镇程序员4 小时前
vue2 src自定义事件
前端·javascript·vue.js
AlgorithmAce6 小时前
Live2D嵌入前端页面
前端
nameofworld6 小时前
前端面试笔试(六)
前端·javascript·面试·学习方法·递归回溯
前端fighter6 小时前
js基本数据新增的Symbol到底是啥呢?
前端·javascript·面试
GISer_Jing7 小时前
从0开始分享一个React项目:React-ant-admin
前端·react.js·前端框架
川石教育7 小时前
Vue前端开发子组件向父组件传参
前端·vue.js·前端开发·vue前端开发·vue组件传参
GISer_Jing7 小时前
Vue前端进阶面试题目(二)
前端·vue.js·面试
乐闻x8 小时前
Pinia 实战教程:构建高效的 Vue 3 状态管理系统
前端·javascript·vue.js
weixin_431449688 小时前
web组态软件
前端·物联网·低代码·编辑器·组态
橘子味小白菜8 小时前
el-table的树形结构后端返回的id没有唯一键怎么办
前端·vue.js