解决vue3更新chunk包后，点击页面报错

本文主要是介绍解决vue3更新chunk包后，点击页面报错，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

出现错误

解决思路

试了好多方法，跳了很多坑，router版本对不上，解决方案不实用。最后我直接捕获异常，刷新页面，解决最快最有效。

// vue-rotuer版本
"vue-router": "^4.0.3"

解决方案

在router/index.ts中添加router方法，路由异常刷新页面。

// 更新包后无法获取到最新的代码，需要特殊处理，重新加载页面
router.afterEach((to, from, failure) => {if (failure) {// ElMessage.warning('failure')location.reload()}
})
// 更新包后路由访问错误，重新加载页面,加载最新的chunk资源
router.onError(() => {// ElMessage.warning('onError')location.reload()
})

打包后的文件【记录】

// 避免页面缓存output: {filename: `js/[name].[chunkhash].${timeUpdate}.js`,chunkFilename: `js/[id].[chunkhash].${timeUpdate}.js`}

解决完成~~

这篇关于解决vue3更新chunk包后，点击页面报错的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---