当每次通过npm run build构建生产包并部署到服务器后,操作页面就经常会遇到点击无反应、路由已跳转但页面没动静或页面错乱等情况,此时打开控制台会看到报错信息Error: Loading chunk * failed.当我们尝试刷新页面后一切恢复正常,这是因为每次npm run build之后,打包文件的文件名hash值&模块ID发生变化,浏览器缓存的文件...
用Hbuilder打包app项目,运行后,有的图片加载不出来,点击导航页面无法跳转。控制台出现Loading chunk chunk** failed.的报错提示。 解决方案 将路由的mode属性改为hash。 重新编译运行后,问题解决。需要注意的是,最好先把原APP卸载掉再重新app调试。
vue项目重新打包发布时出现无法跳转问题。打开调试可以看见是无法找到对应的文件。vue打包的时候采用了路由异步加载的方式。当访问了项目的某个界面（其他界面未访问，也就是未加载资源）时，加载了打包后的index.html入口文件，入口文件中会有其他异步加载的对应包，而在重新打包后这些包的名称发生了改变，...
解决偶现问题 Loading chunk ** failed 原因: 路由异步加载组件报错,错误来源 webpack 进行 code spilt 之后某些 bundle 文件...
最近在Sentry监控上老是看到类似 "Loading chunk xxx failed"的错误,看意思是分包加载load chunk 失败了,但是为什么失败就很诡异,一开始跟同事找了半天也没有找到原因,就在前几天,偶然想到了原因,引…
解决方法:1.不采用懒加载路由 2.监听路由错误,正则匹配对应的错误消息后,自动刷新界面,代码如下 router.onError((error)=>{constpattern=/Loading chunk chunk-(.*)+ failed/g;constisChunkLoadFailed=error.message.match(pattern);if(isChunkLoadFailed){Message({message:'系统已升级,正在刷新本地存储,请稍候...
Error:Loading chunk 10 failed. 1. 2. 大致意思就是路由异步加载组件的时候报错了 报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到,因为这个问题出现的偶然性太高了,而且有的手机上会...
最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错,报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到,因为这个问题出现的偶然性太高了,而且有的手机上会出现,有的不会,用模拟器不会出现,用真机又会出现,不知道是网络原因还是webpack的bug。在github、...
Webpack Code Splitting 'Loading chunk failed' 错误文件路径错误 我正在将 React + Typescript 与 Webpack 一起使用,并且我正在尝试在实际需要时加载我的一些反应组件。 问题是,当通过延迟加载请求块时,我收到以下错误: 未捕获的错误:加载块 1 失败。 (错误:http://localhost:58988⁄1.chunk.js)在...