记一次vue项目Loading chunk chunk-25849c4c failed.问题

表现：页面一段时间没打开再次打开后页面空白加载不出来，控制台看到有js文件加载失败，报错Loading chunk chunk-25849c4c failed.

于是看了网上的解决办法，路由onError处理

const pattern = /Loading chunk (\S)+ failed/g // 网上这里是\n 或者\d那是数字，我的是字符串改成了\S
  const isChunkLoadFailed = error.message.match(pattern)
  if (isChunkLoadFailed) {
     window.location.reload()
  } else {
    console.log(error.message)
  }

但是这样处理后我的问题变成页面直接变成503了，刷新会正常，而且强刷ctrl+f5出现概率很大

也不是一定503直接白屏，有时候是部分js加载失败，但是页面还是正常出来的，把这个js地址放浏览器看有时候直接有内容，有时候是503刷新后正常

于是又找了解决503的办法，实在是没有效果

由于这些文件是预加载文件，我就干脆将预加载去掉了，在配置文件vue.config.js加上

chainWebpack: (config) => {
  // 移除 prefetch preload 插件
  config.plugins.delete('preload')
  config.plugins.delete('prefetch')
}

强刷了几次试试没有那个问题了