路由懒加载后报错[vue-router] Failed to resolve async component default:Error:Loading chunk 10 failed.
此错误大概是渲染一个路由的过程中,需要尝试解析一个异步组件时发生错误,刷新页面后就不会报错,可以这样来解决问题
/* 路由异常错误处理,尝试解析一个异步组件时发生错误,重新渲染目标页面 */
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);
}
});