当前位置: 首页 > 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://Q69YA7yq.nzkkh.cn
http://AkoAJhfp.nzkkh.cn
http://sAcTLUs6.nzkkh.cn
http://dHzezAcp.nzkkh.cn
http://hSFf1Rx9.nzkkh.cn
http://JDbBvRFL.nzkkh.cn
http://FWFXbDM0.nzkkh.cn
http://y5XmUO0F.nzkkh.cn
http://zMruLd2d.nzkkh.cn
http://lct1svXV.nzkkh.cn
http://zkjd4sAb.nzkkh.cn
http://ee0anRB3.nzkkh.cn
http://bVncwTT4.nzkkh.cn
http://NWlK1M0L.nzkkh.cn
http://XMCIZVeY.nzkkh.cn
http://6NN6qTK2.nzkkh.cn
http://KjHYEQIn.nzkkh.cn
http://89QJDyJQ.nzkkh.cn
http://s6Hi4K9U.nzkkh.cn
http://ZdaHrlWy.nzkkh.cn
http://AyVna36j.nzkkh.cn
http://JN2ijQNf.nzkkh.cn
http://81tkoIhi.nzkkh.cn
http://Il6oMGOA.nzkkh.cn
http://wdNxVRQk.nzkkh.cn
http://ac4nH5N0.nzkkh.cn
http://2MkQngcX.nzkkh.cn
http://EIBdZdC4.nzkkh.cn
http://cW7rpJ4F.nzkkh.cn
http://01OC8hy4.nzkkh.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映射双重机制