原文:vue打包部署后 浏览器缓存问题,导致控制台报错ChunkLoadError: Loading chunk failed的解决方案

一 报错如下: 每次build打包部署到服务器上时,偶尔会出现前端资源文件不能及时更新到最新,浏览器存在缓存问题,这时在当前页面进行按钮点击等事件处理时,控制台报错chunk load error,如下显示: 原因:通过查看当前sources里的文件,可以发现:控制台报错提示中所请求的js文件哈希值跟sources缓存的文件哈希值并不一样,说明 当前页面请求了缓存,然而由于资源文件被更新 导致找不 ...

2021-12-20 15:48 0 10144 推荐指数:

查看详情

Error: Loading chunk * failedVue Router懒加载报错问题解决方案

最近vue项目路由改成了懒加载方式,刚开始并没有什么问题,清空项目文件,重新下载配置运行,就发现控制台报以下错误: [vue-router] Failed to resolve async component default:Error:Loading chunk 10 failed. 刷新 ...

Tue Nov 30 01:36:00 CST 2021 0 869
[转]关于安装了Vue-devtools插件但在浏览器控制台不显示的解决方案

Google浏览器中开发调试的时候,右上角出现vue的图标,但是在开发者工具中没有出现vue调试(已在扩展程序中安装 Vue Devtools) 控制台却没有。 错误原因: 没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选 解决方法: 官方建议 ...

Fri Feb 25 01:46:00 CST 2022 0 780
关于安装了Vue-devtools插件但在浏览器控制台不显示的解决方案

Google浏览器中开发调试的时候,右上角出现vue的图标,但是在开发者工具中没有出现vue调试(已在扩展程序中安装 Vue Devtools) 控制台却没有。 错误原因: 没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选 解决方法: 官方建议 ...

Tue May 28 03:18:00 CST 2019 1 5135
解决Chrome浏览器vue devtools F12控制台不显示的问题

最近开发vue项目中,为了更好的调试程序,安装了vue.js devtools调试工具,安装成功了之浏览器右上角出现了图标,同时在vue的页面下也能点亮,就是控制台没有vue的页签,最后是在扩展程序中开启允许访问文件网址和在隐身模式下启用两项就可以了。 成功显示: ...

Sat Aug 08 01:35:00 CST 2020 0 1738
浏览器缓存问题原理以及解决方案

浏览器缓存问题: 简单来说,浏览器缓存就是把一个已经请求过的Web资源(如html页面,图片,js,数据等)拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是向源服务再次发送请求 ...

Wed May 09 04:52:00 CST 2018 0 1013
微信浏览器缓存问题解决方案

平时开发测试习惯用微信进行扫码预览,过程中发现一个问题,一些明明改过的代码但是浏览器加载之后依然是初始代码,确定是浏览器缓存造成的 浏览器缓存的两个特点: 1.微信浏览器首先会缓存整个页面的内容,如果页面地址没有变更,在一段时间内(几个小时)进入页面都不会对页面中的js,css等资源文件发出 ...

Tue Dec 25 17:49:00 CST 2018 0 2018
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM