vue打包上传服务器加载提示错误Loading chunk {n} failed
更新时间：2023年08月25日 09:04:35 作者：fuGUI
这篇文章主要为大家介绍了vue打包上传服务器加载提示错误Loading chunk {n} failed解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
错误提示
如果出现了该提示错误，浏览器前进后退按钮都不可用了，必须要点击刷新按钮页面才能正常加载
如图所示：
解决示例
通过查看vue-router文档有一个router.onError的回调函数：原理就是在监听到路由报错信息后自动进行页面刷新，获取最新的代码。
具体方法在router目录下的index.js文件中添加代码如下：
router.onError((error) => {
const pattern = /Loading chunk (\d)+ failed/g
const isChunkLoadFailed = error.message.match(pattern)
const targetPath = router.history.pending.fullPath
if (isChunkLoadFailed) {
router.replace(targetPath)
}
})以上就是vue打包上传服务器加载提示错误Loading chunk {n} failed的详细内容，更多关于vue Loading chunk {n} failed的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家详细介绍了如何基于Vue2实现动态折扣表格,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下2024-01-01
这篇文章主要介绍了解决vue动态下拉菜单 有数据未反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
Vue3项目pc端浏览器样式正常但移动端部分样式失效问题的解决方法
这篇文章主要介绍了Vue3项目pc端浏览器样式正常但移动端部分样式失效问题的解决方法,文中通过图文讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-07-07
这篇文章主要为大家详细介绍了Vue之ElementUI Form表单校验，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了vue3.x中apollo的使用,通过前端自身直接获取到apollo的配置目前看到官方支持的客户端是没有vue的，本文给大家介绍了前端获取到apollo数据的过程，需要的朋友可以参考下2023-02-02
这篇文章主要介绍了vue2.0如何借用vue-pdf实现在线预览pdf文件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
这篇文章主要介绍了vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多,本文分步骤通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-01-01
这篇文章主要介绍了vue 导航锚点_点击平滑滚动,导航栏对应变化详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要给大家介绍了关于VUE3安装element ui失败的原因以及解决的相关资料,很多朋友升级使用Vue3了,但在安装element ui失败出错了,这里给大家总结下,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了element-ui下拉菜单组件Dropdown,本文详细给大家介绍了我遇到的一个最大的坑，通过结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
最新评论