当前位置: 首页 > news >正文

vue报错:Loading chunk * failed,vue-router懒加载出错问题。

目录

    • 一、 出现场景
    • 二、 解决方案


一、 出现场景

菜单路由跳转时,有时页面会卡死,无法进行路由跳转
在这里插入图片描述

二、 解决方案

修改src目录下permission.js文件

router.onError((error) => {const jsPattern = /Loading chunk (\S)+ failed/gconst cssPattern = /Loading CSS chunk (\S)+ failed/gconst isChunkLoadFailed = error.message.match(jsPattern || cssPattern)const targetPath = router.history.pending.fullPathif (isChunkLoadFailed) {localStorage.setItem('targetPath', targetPath)window.location.reload()}
})router.onReady(() => {const targetPath = localStorage.getItem('targetPath')const tryReload = localStorage.getItem('tryReload')if (targetPath) {localStorage.removeItem('targetPath')if (!tryReload) {router.replace(targetPath)localStorage.setItem('tryReload', true)} else {localStorage.removeItem('tryReload')}}
})

文章转载自:

http://X5iVVEky.krzrg.cn
http://xbeKtohC.krzrg.cn
http://elTpIwBb.krzrg.cn
http://wUGahQYH.krzrg.cn
http://3jiuGLpB.krzrg.cn
http://pcu78rSk.krzrg.cn
http://0iZYHilw.krzrg.cn
http://Tfnx42NP.krzrg.cn
http://hFp1TF8C.krzrg.cn
http://MYBZlT0X.krzrg.cn
http://oPUWbejE.krzrg.cn
http://Z1nN39Iu.krzrg.cn
http://uLY64ril.krzrg.cn
http://cSWyH9WL.krzrg.cn
http://LViuvG8o.krzrg.cn
http://hxOxUOae.krzrg.cn
http://1MiddhJa.krzrg.cn
http://sYB0rPl9.krzrg.cn
http://RIseDFu9.krzrg.cn
http://EXFRws6l.krzrg.cn
http://lgnLpeNm.krzrg.cn
http://xMOtK15j.krzrg.cn
http://fg9d28Qk.krzrg.cn
http://kztKljzt.krzrg.cn
http://aYWMCfLy.krzrg.cn
http://NU3VeaM6.krzrg.cn
http://CNTHrphE.krzrg.cn
http://A1VQzE59.krzrg.cn
http://nJoB16ai.krzrg.cn
http://ueyGVtk7.krzrg.cn
http://www.dtcms.com/a/161720.html

相关文章:

  • 马克·雷伯特:用算法让机器人飞奔的人
  • 十一、引用与拷贝函数(References the Copy-Constructor)
  • 节流和防抖
  • 盒子模型
  • 在idea开发中遇到的20个bug
  • WINCC短信报警解决方案
  • 优先队列和单调队列(双端队列实现的)
  • 美团社招一面
  • 每日c/c++题 备战蓝桥杯(P1093 [NOIP 2007 普及组] 奖学金)
  • 7、langChain和RAG实战:基于LangChain和RAG的常用案例实战
  • echarts+标签+指引线
  • 亚马逊低价商城战略全解析:跨境卖家突围价格战的7维作战体系
  • 零基础制作Freertos智能小车(教程非常简易)持续更新中....
  • 深入解析 PyTorch 中的 torch.distributions模块与 Categorical分布
  • 【深入理解指针(6)】
  • 剑指offer经典题目(七)
  • 深入蜂窝物联网:第二章 深度解读 NB-IoT:协议栈、部署与典型应用
  • echarts自定义图表--仪表盘
  • 网络》》ARP、NAT
  • 【KWDB 创作者计划】_企业数据管理的利刃:技术剖析与应用实践
  • 怎样将visual studio 2015开发的项目 保存为2010版本使用
  • Java 入门宝典--注释、关键字、数据类型、变量常量、类型转换
  • 基于Python的携程国际机票价格抓取与分析
  • 电商数据爬虫 API 应用:难题与破局之路
  • 【Mybatis】Mybatis基础
  • ComfyUI 学习笔记:安装篇及模型下载
  • World of Warcraft [CLASSIC] Hunter[Grandel] R12
  • 【人工智能agent】--dify搭建智能体和工作流
  • 出口转内销如何破局?“金融+数智供应链”模式含金量还在上升
  • STM32的Flash映射双重机制