vue项目中出现Loading chunk {n} failed错误

最近vue项目路由改成了懒加载方式，刚开始并没有什么问题，清空项目文件，重新下载配置运行后，就发现控制台报以下错误：[vue-router] Failed to resolve async component default:Error:Loading chunk 10 failed.解决方案:设置vue-router错误处理函数/* 路由异常错误处理，尝试解析一个异步组件时发生错误，重新渲染目标

_阿杰不会写代码_

942人浏览 · 2021-10-15 11:26:20

_阿杰不会写代码_ · 2021-10-15 11:26:20 发布

最近vue项目路由改成了懒加载方式，刚开始并没有什么问题，清空项目文件，重新下载配置运行后，就发现控制台报以下错误：

[vue-router] Failed to resolve async component default:
Error:Loading chunk 10 failed.

解决方案:设置vue-router错误处理函数

/* 路由异常错误处理，尝试解析一个异步组件时发生错误，重新渲染目标页面 */
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);
  }
});

原文链接：https://blog.csdn.net/zhongguohaoshaonian/article/details/95179057