关于Vue Loading chunk {n} failed的一些思考

最新推荐文章于 2023-05-31 10:40:56 发布
最新推荐文章于 2023-05-31 10:40:56 发布
阅读量477 收藏 3
点赞数
分类专栏： Coding 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1647800606/article/details/106497811
版权

关于Vue Loading chunk {n} failed的一些思考

更新时间：2020-06-02 14:52:43

0x1 问题

Loading chunk {n} failed

测试偶尔会出现这个问题，遂提出一个bug，从bug字面意思来看，有一个js的块加载失败了。丢失了一个${domain}/js/chunk-${hash}.js。

为什么会丢失？

为什么会偶发？

同类问题

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

点击切换路由的时候，有时候会报错

本文大量引用了17khba在点击切换路由的时候，有时候会报错的回答。

0x2 偶发性原因</

最低0.47元/天 解锁文章
SunSeekerX
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
10-18
主要介绍了详解Vue项目中出现Loading chunk {n} failed问题的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目加载优化之懒加载，以及Loading chunk {n} failed解决方法
kuke_kuke的博客
01-07 1万+
一、懒加载 懒加载：随时用随时加载，避免单页面应用一次性加载所造成的时间过长。 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routes: [ { path: '/', redirect: '/login' ...
ChunkLoadError: Loading chunk {n} failed.
最新发布
我叫陈小皮。
05-31 3960
偶现路由切换，控制台报错 ChunkLoadError: Loading chunk {n} failed.可能是远程资源更新，浏览器缓存，出现静态资源不一致等原因造成的。
Loading chunk (\d)+ failed 错误方案
sunluyi的博客
01-10 4822
已经上线的项目在正式服运行正常，过了一段时间需要该需求，放在测试上一跑一直报错，并且是4个人测试时，两台电脑没问题，运行正常，另外两个人一直出这个错误。 百度了一下，网上有很多关于这个问题的修改方式。 这个问题出现概率比较小但是一旦出现就会导致页面崩溃，参考了网上众多大佬的文章，最后采用vue-router的错误处理函数 onError解决问题 ...
Angular：Error:Loading chunk {n} failed.问题的解决思路
灿灿大王搭建的黄金屋
08-26 5873
代码打包发布，在测试环境运行的时候经常会有路由跳转卡住的情况，就是点击菜单时，对应的页面出不来，还停留在原来的页面。上网搜了半天，感觉很多讨论都是不了了之，有的人说目测是因为不稳定的网络连接和浏览器的缓存错误，我看了下控制台的报错信息，想到会不会是index.html文件中引入的一些依赖找不到导致的问题呢，就大概改了下。 首先，index.html修改前： <!DOCTYPE ht...
vue loading 页面加载动画提示
03-29
在这个场景中，我们将讨论如何在Vue项目中实现“vue loading”页面加载动画提示。 首先，`loading.js` 文件可能是实现这个功能的主要JavaScript代码。在Vue.js中，我们可以创建一个全局组件来处理加载状态。组件...
vue实现简单loading进度条
08-27
"vue实现简单loading进度条" 本资源主要介绍了使用 Vue 实现简单的 loading 进度条的方法，包括进度条原理、JQuery 实现和 Vue 实现等多个方面的内容。下面将详细介绍这些知识点。 一、进度条原理 进度条原理是指...
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
vue项目加了vue-router懒加载，打包后在服务器上访问，报错Loading chunk 40 failed. 解决办法
weixin_41838734的博客
05-21 1万+
加了vue-router路由懒加载之后，项目一直报错，Loading chunk 40 failed类似这样百度了各种，还是没找到能跑起来的方法，最后试了一把将config / index.js的build的路径assetsPublicPath改为‘/’,项目居然成功跑起来了   ...
Loading chunk {n} failed 的解决方法
weixin_42333548的博客
04-19 1万+
背景: 前端代码更改后,每次发布到测试环境,用户的页面如果不刷新,会读取缓存,导致页面白掉! 本地没有过，都是打包到服务器上才有 error info Uncaught SyntaxError: Unexpected token '<' Uncaught ChunkLoadError: Loading chunk 8 failed. (missing: https://mispaceuat.mihoyo.com/static/js/8.98f2a71fc60af3a81dd1.js)
报错loading chunk 4 failed
叮当的猫猫的博客
04-12 1242
vue项目本地联调没有问题，但是打包到服务器上去后相关的页面就不能跳转，并且报错loading chunk 4 failed，上网搜了很多解决方法都不行，最后发现是因为引入(import)了不该引入的代码。删掉以后重新步上去就解决了 ...
webpack基本使用及配置
weixin_43408330的博客
10-24 277
个人搭建多页面demo const webpack = require('webpack') const echarts = require('echarts') const HtmlWebpackPlugin = require('html-webpack-plugin') const path = require('path') module.exports = { context: p...
vue-cli解决IE浏览器chunk-vendors.js 提示sockjs-client错误
weixin_43778272的博客
08-22 6417
IE打不开vue项目报错
Vue开发中出现Loading Chunk Failed 踩坑纪实
weixin_54079992的博客
03-31 3882
解决LoadingChunkFailed,并且探究产生的原因,以及复现问题的方法
记一次vue项目Loading chunk chunk-25849c4c failed.问题
Cooky的博客
11-24 966
表现：页面一段时间没打开再次打开后页面空白加载不出来，控制台看到有js文件加载失败，报错Loading chunk chunk-25849c4c failed. 于是看了网上的解决办法，路由onError处理 const pattern = /Loading chunk (\S)+ failed/g // 网上这里是\n 或者\d那是数字，我的是字符串改成了\S const isChunkLoadFailed = error.message.match(pattern) if (isChunk
uni-app打包h5后chunk-vendors.js文件大导致页面访问缓慢解决方案
php_hello_word的博客
03-17 5450
步骤一 uni-app开发文档：https://uniapp.dcloud.io/collocation/manifest?id=h5 在manifest.json里配置开启摇树优化，会自动裁剪没有使用到的uni-app组件和api "h5" : { "title" : "春暖花开好运来", "domain" : "", "optimization": { "treeShaking": { "ena...
vue项目上线报loading chunk * failed 错误[已解决]
weixin_48156531的博客
11-30 7402
vue项目上线报loading chunk * failed 错误 我是刚写完的vue后台管理项目，上线部署到nginx上，然后本地测试没毛病，线上就是报这种错误，查了很多资料，大部分都是这种方法： 就是把将 config / index.js的build的路径assetsPublicPath改为‘/’ 可能是我自己项目的原因并不好使 最后找到了解决办法，是路由懒加载的原因 解决： let scrollview = () => import('@/pages/innovation/scrollvi
Vue踩坑记录之ChunkLoadError
热门推荐
云帆的博客
06-04 1万+
记录下这个巨坑（实质上是正则表达式错误，如果已知问题，想看如何解决直接跳到最后）
vue-router.esm.js: Error: “Loading chunk 0 failed“ 完美解决方案
盏茶作酒的博客
07-22 1万+
最近做项目遇到一个非常头疼的问题，就是在加上 vue-route 后， 火狐浏览器 访问路由会卡住，有些浏览器会，有些不会。所以一直用 chrome/chromium 开发，但是这种浏览器兼容性问题是一定要解决的，虽然只是部分电脑，但是非常不友好。 问题 今天再次尝试，发现一旦等待时间久了，就会出现如下错误 vue-router.esm.js: Error: "Loading chunk 0 failed." 这个错误，前段时间找了好多资料，没能解决。今天再次去找，也是参考了很..
webpack打包错误：webpack-cli configuration.output has an unknown property ‘mode‘
逝水经年的博客
05-07 2308
一、错误 错误内容 [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration.output has an unknown property 'mode'. These properties are valid: object { assetModuleF
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值