当控制台报错chunk load error时如何解决

612 阅读1分钟

一、报错如下:

每次build打包部署到服务器上时,偶尔会出现前端资源文件不能及时更新到最新,浏览器存在缓存问题,这时在当前页面进行按钮点击等事件处理时,控制台会报错chunk load error,如下显示:

原因:通过查看当前的sources里的文件,可以发现:控制台报错提示中所请求的js文件哈希值跟sources缓存的文件哈希值并不一样,说明当前页面请求了缓存,然而由于资源文件被更新,导致找不到,出现404的情况。

二、解决方法

1、在index.html入口文件处设置meta标签,清除页面缓存。

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="expires" content="0">

各字段详解:www.cnblogs.com/laneyfu/p/9…