Vue项目中出现Loading chunk {n} failed问题的解决方法

最新推荐文章于 2024-04-29 11:39:11 发布
最新推荐文章于 2024-04-29 11:39:11 发布
阅读量4.6k 收藏
点赞数
分类专栏： vue 文章标签： vue 路由跳转
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43952634/article/details/98624467
版权

这应该是缓存的原因，当用户正在浏览网页时 服务器更新了代码就会出现这个报错
当我在服务器保留了之前版本的代码 并且只在代码更新完才访问网页时就没出现过这个报错了在这里插入图片描述
当出现这个报错的时候其实只要再点击一次路由按钮就正常跳转了 可是会不定期出现这就很烦。
如果想保证出现了这个报错仍然能够正常的跳转，可以监听路由报错然后进行处理
https://segmentfault.com/a/1190000016382323#articleHeader1
可以参考这篇文章

ajzzz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端项目报错chunk-libs.e495f7a4.js:41 Failed to execute ‘postMessage‘ on ‘DOMWindow‘:
H5爱好者
09-14 5380
最近一次vue项目打包之后，在控制台出现了一个错误如下 chunk-libs.e495f7a4.js:41 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('file://') does not match the recipient window's origin ('null'). 使用postMessage实现跨域 解决'Failed to execute 'postMessage' on
Loading chunk (\d)+ failed
hellow_world_的博客
11-21 1004
本质原因是没找到这个文件 原因就是我们配置文件配置错误导致的 需要注意这个不是'./'而是'/
webpack3升级webpack4遇到的各种问题汇总
最新发布
牛先森家的博客
04-29 898
webpack3升级webpack4遇到的各种问题汇总
Uncaught SyntaxError: Unexpected token ‘＜‘ (at chunk-elementUI.b928ec57.js:1:1)chunk-libs.9fce9e88.
qq_37516504的博客
12-15 1444
因为去掉了 try_files $uri $uri/ /index.html;，返回了真正错误的信息，提示找不到这些文件。webpack splitChunks分包及CompressionPlugin压缩所导致的nginx部署，浏览器编译错的情况。此为高阶解压，可以解压node_modules中的模块，实现页面的正常调用。导致无法正确的定位问题，try_files回默认返回一个html的内容所以报错是<无法识别。配置了 try_files $uri $uri/ /index.html;
vue封装axios请求
暖一杯茶的博客
10-26 330
封装axios 在项目src目录下新建utils文件夹，然后在其中新建 request.js文件，这个文件是主要书写axios的封装过程。 import axios from 'axios'; // 引入axios 安装方法：npm i axios -S import qs from 'qs'; // 引入qs模块 安装方法：npm install qs --save import router from "@/router"; //引入路由 // 设置超时时间 axios.def
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
10-18
主要介绍了详解Vue项目中出现Loading chunk {n} failed问题的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目中使用vue-i18n报错的解决方法
12-09
然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到...
Vue项目中跨域问题解决方案
08-27
本文给大家介绍了vue项目中跨域问题的完美解决方案，通过更改header，使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建），具体内容详情大家跟随脚本之家小编一起学习吧
Vue项目History模式404问题解决方法
12-01
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽相同，本方案已经完美解决本在所使用项目，具体情况可能还需要修改。） 1.项目背景分析 本人是Java后台开发，...
Vue项目解决app.js和chunk-vendors.js文件过大导致响应慢
qq_41695498的博客
08-18 4471
1、路由配置由原先的import更改为下面情况 因为import会一次性全部加载完 那样会影响很多 // import backPage from '../views/backPage.vue'; const backPage = resolve => require(['../views/backPage.vue'],resolve); // import own from '../views/own.vue'; const own = resolve => require(['../vi
vue[打包chunk-vendors.xxx.js文件过大，vue项目性能优化解决方案，前端性能优化知识总结]
热门推荐
墨水白云的博客
09-09 2万+
虽然看上去这个内容也就2M左右的大小，但是在线上却出现需要加载10几秒的时间，这对于一个项目来说是非常的有问题的。因此解决方式如下： 首先得知道为什么这个文件比较大，chunk-vendors.xxx.js是一个保存着各种相关依赖的关系的文件，比如导入的elmentUI、echarts、vue、vue-router等各种依赖 解决方案： 1.开启Gzip压缩 2.路由懒加载 3.检查图片等大小，看看能不能对加载的图片进行优化 // 使用webpack-bundle-analyzer检查打包加载的各种依赖大.
Vue开发中出现 Loading Chunk-###... Failed 的问题解决
weixin_67140738的博客
10-12 3940
当访问了项目的某个界面（其他界面未访问，也就是未加载资源）时，加载了打包后的index.html入口文件，入口文件中会有其他异步加载的对应包，而在重新打包后这些包的名称发生了改变，这时候重新发布了项目。里面有跳转对应界面所需要的文件，但是这个文件是之前版本的文件，也就是说当你跳转一个未加载资源的界面，这时候用错误的路径去加载，然后报错。例如，如果的静态资源存放在CDN上，我们需要将publicPath配置为CDN的地址。例如，如果我们的打包文件需要输出到指定的目录下，我们需要将output配置目录的路径。
Angular：Error:Loading chunk {n} failed.问题的解决思路
灿灿大王搭建的黄金屋
08-26 5824
代码打包发布，在测试环境运行的时候经常会有路由跳转卡住的情况，就是点击菜单时，对应的页面出不来，还停留在原来的页面。上网搜了半天，感觉很多讨论都是不了了之，有的人说目测是因为不稳定的网络连接和浏览器的缓存错误，我看了下控制台的报错信息，想到会不会是index.html文件中引入的一些依赖找不到导致的问题呢，就大概改了下。 首先，index.html修改前： <!DOCTYPE ht...
vue 切换路由时发生Loading chunk xx failed.错误
qq_38870665的博客
02-01 1736
由于在使用前进行了打包，在vue.config.js里面配置了publicPath:'./', 这里在路由跳转的时候就出现了错误。当然每个项目可以有所不同，我们在这里进行了一个判断： publicPath:process.env.NODE_ENV==='production'?'./':'/', 这样问题就解决了，当然有一些系统则是和这个配置相反，具体情况具体分析。 ...
Vue开发中出现Loading Chunk Failed 踩坑纪实
weixin_54079992的博客
03-31 3753
解决LoadingChunkFailed,并且探究产生的原因,以及复现问题的方法
vue 路由懒加载 报错 Loading chunk * failed 组件加载不出来
qq_47956199的博客
02-07 1053
跳转对应的路由，无法跳转，打开控制太发现报错，查看网络发现对应的组件没有获取到，而且获取时间只有4ms就停止获取了，谷歌不会报这样的错误，但是edge会，解决方法(不一定有用)：给请求代码套个try。
vue项目上线报loading chunk * failed 错误[已解决]
weixin_48156531的博客
11-30 7224
vue项目上线报loading chunk * failed 错误 我是刚写完的vue后台管理项目，上线部署到nginx上，然后本地测试没毛病，线上就是报这种错误，查了很多资料，大部分都是这种方法： 就是把将 config / index.js的build的路径assetsPublicPath改为‘/’ 可能是我自己项目的原因并不好使 最后找到了解决办法，是路由懒加载的原因 解决： let scrollview = () => import('@/pages/innovation/scrollvi
vue项目常见问题及解决方法
09-05
Vue项目常见问题及解决方法包括但不限于以下几个方面： 1. 跨域问题：在Vue项目中，由于浏览器的同源策略限制，经常会遇到跨域问题。解决方法可以使用代理服务器来转发请求，或者在后端接口中设置允许跨域请求的头...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值