vue项目Loading chunk {n} failed

在运行一个vue项目时，切换路由页面白屏，报错如下：

Error:Loading chunk 0 failed.

意思是某些js bundle没找到

解决方法：通过router.onError捕获错误，当捕获到Loading chunk {n} 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);
  }
});

参考文章：
https://segmentfault.com/a/1190000016382323

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容