router.onErrorr 造成路由出错的情况，一般都是白屏

造成 路由 出错的情况：

1、跳转路由页面加载该页面js文件 404时，触发router.onError
 场景

 

原因：

解决：
 

router.onError((error, to, from) => {
  // vue-router 在跳路由加载对应页面js文件失败时，错误信息是 Loading .. failed
  const pattern = /Loading .*failed/g
  if (pattern.test(error)) {
     // 这里可以提示一小段时间，然后刷新页面解决
        window.location.reload() // 刷新后重新请求main.js，这时记录的chunk.js则是服务器最新文件，再次跳路由时则正确请求文件

2、vue-router 跳转 vue页面时，此vue文件出现了阻塞性错误
比如：

.vue 页面一开始就出现语法错误：

<template>

 </template>

<script>

const a = {}

console.log(a.a.toString()) // 阻塞性错误
 

表现为：

1、页面空白

2、路由重定向到 /  (根路由)