Vue.js应用控制台无任何报错但白页持续加载该如何排查解决？

我突然无法打开Vue页面，此前运行一切正常，现在页面一直处于加载状态，控制台没有任何报错。我可以正常打开其他页面，因此网络应该不存在问题。

• 优先检查路由守卫逻辑，重点看全局前置守卫beforeEach的所有分支是否都正确调用了next()，该场景90%的问题都是路由守卫存在遗漏next()调用的分支，导致路由一直处于等待跳转状态
• 检查首屏渲染的所有组件是否存在无限循环逻辑：包括v-for遍历未指定正确key导致的死循环、递归组件没有设置终止条件、watch监听回调触发的更新再次触发监听导致的无限更新
• 打开浏览器网络面板，查看是否有处于pending状态的请求未返回，部分项目配置了全局请求加载态，只要有未完成的请求就会展示全局加载遮罩，看起来就是页面一直处于加载中
• 清除浏览器缓存后用无痕模式打开页面，排除本地缓存的旧版本代码与新版本代码冲突导致的加载阻塞
• 如果是Vue3项目，检查使用async setup的组件是否有未捕获的异步异常，部分未被全局异常捕获逻辑捕获的异步错误不会输出到控制台，会导致组件一直处于挂起状态
• 本地开发环境可以直接重启dev服务重新编译，排除webpack/vite热更新故障导致的代码异常

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