chunk-bundle.js 为何加载两次？

最新推荐文章于 2022-08-22 10:03:40 发布
最新推荐文章于 2022-08-22 10:03:40 发布
阅读量372 收藏
点赞数
文章标签： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dark_programmer/article/details/118807893
版权

今日发现一个之前没有注意的问题，打包发布到正式环境的项目，在加载资源时回进行两次加载。
如图：
在这里插入图片描述
经查阅相关资料文档，发现仅当打开开发者模式进行查看时，会进行两次加载资源。

这是为什么呢？ 该问题与打开 Chrome 开发者工具时获取 sourceMaps 相关。实际上chunk-bundle.js只下载了一次

参考地址：【Why is Webpack bundle.js transfered twice in isomorphic app?】

Dark_programmer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
monaco editor编辑器代码diff的实现
白马非马军的博客
07-10 6032
背景 利用monaco editor这款编辑器做代码比较，支持sql、shell、python脚本及json字符串 效果图 代码 CodeDiffEditor.vue <template> <div class="the-code-diff-editor-container" ref="diffContainer"> </div> </template> <script> import * as monaco from 'monaco
关于Vue Loading chunk {n} failed的一些思考
SunSeekerX
06-02 473
关于Vue Loading chunk {n} failed的一些思考 更新时间：2020-06-02 14:52:43 0x1 问题 测试偶尔会出现这个问题，遂提出一个bug，从bug字面意思来看，有一个js的块加载失败了。丢失了一个${domain}/js/chunk-${hash}.js。 为什么会丢失？ 为什么会偶发？ 同类问题 Vue项目中出现Loading chunk {n} failed问题的解决方法 点击切换路由的时候，有时候会报错 本文大量引用了17khba在点击切换路由的时候，有
JavaScript异步加载问题总结
01-19
同步加载的问题 默认的js是同步加载的，这里的“加载”可以理解成是解析、执行，而不是“下载”，在最新版本的浏览器中，浏览器对于代码请求的资源都是瀑布式的加载，而不是阻塞式的，但是js的执行总是阻塞的。这会引起什么问题呢？如果我的index页面要加载一些js，但是其中的某个请求迟迟得不到响应，于是阻塞了后面的js代码的执行（同步加载），同时页面渲染也不能继续（如果js引入是在head标签后）。 [removed]</scrip
Vue多页面
如果有了可惜
07-06 683
#####　vue.config.js配置 'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } const port = 8888 // dev port module.exports = { publicPath: '/', //路...
JS中如何防止AJAX命令重复加载（执行一次，自动向后台发送两次以上的请求）
大数据-攻城狮
12-13 4512
将代码部署在服务器上后，在提交数据并将数据插入数据库时，总是在提交后不多时，数据便变成了乱码。后来发现原来是AJAX在捣鬼。 1、将如下代码放在将要发送AJAX请求的方法前 &lt;!--防止ajax重复加载--&gt; &lt;script&gt; function prevent_reloading(){ var pendingRequests = {}; ...
chunk-vendors.592ff42a.js
03-09
unapp h5 js插件
chunk.js:在您的网页中下载大量网络资源
06-01
块.js Chunk.js 是一个 javascript 库，它允许您为您的网页分部分下载任何资源。用法并行下载图像数据通过并行打开 3 个连接下载路径 /data/4.jpg 中的图像。 image = new Chunk("/data/4.jpg", 3, each_chunk_...
浅谈VUE单页应用首屏加载速度优化方案
01-19
单页应用会随着项目越大，导致首屏加载速度很慢！！！以下给出在下知道的几种优化方案 使用CDN资源,减小服务器带宽压力 路由懒加载 将一些静态js css放到其他地方（如OSS），减小服务器压力 按需加载三方资源，...
nginx-1.21.6-1.el7-rtmp.ngx.x86_64.tar.gz
03-04
chunk_size 4096; application live { allow publish all; deny publish 127.0.0.1; on_publish_done { exec /path/to/script/on-publish-done.sh; } push rtmp://backup-server/live; record all; record_...
moosefs-3.0.84-1.tar.gz
12-02
2. **Chunk服务器（Chunk Server, CS）**：CS是存储数据的实际载体，将大文件分割成小块（chunk），每个chunk在多个CS上复制，提供数据冗余和容错能力。当数据需要读取时，MDS会指示客户端从哪个CS获取数据。 3. **...
vue mounted 调用两次的完美解决办法
12-13
在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题； 情况：在这个页面中出现了mounted 加载了两次的情况； 方法：排除法 首先把 this.$store.commit() 方法注释掉，发现就好了，只加载一次 初步判断是commit  方法导致的 二  验证判断是否正确，不使用commit 方法，该用直接改变变量状态的方法，发现又加载了两次； 再次判断，不是由于commit引起的 三   猜想commit到底实现了什么逻辑，然后找到了v-if   v-if会重新渲染页面，而mounted
nginx部署vue项目报错：Uncaught SyntaxError: Unexpected token ‘＜‘或者chunk-6787b72d.5d528abd.js 403 错误
Sunny__wei的博客
04-12 2104
最近在部署vue项目的时候访问项目遇到了 控制台报错： Uncaught SyntaxError: Unexpected token '<' chunk-xxxxxx.js 403错误无法访问等 这里可以确认是的 项目打包的肯定没有问题，因为同一份包在别的服务器可以正常运行。 在网上搜了很多答案都没有用。 在这里记录一下自己的解决方法： 修改 dist 文件夹下的所有文件权限： 执行命令： # cd /data/jar/scmp/ui/dist //这里是自己项目部署的路径 # chm
在Spring Boot 的 static 中部署 Vue 应用，chunk.xxx.css 请求为404的原因及解决方案
九思的博客
12-17 3103
项目场景： 我正在做一个Spring Boot和Vue前后端分离的小项目，前端使用Vue+Vue Router+Vuex+axios，后端使用Spring Boot+Spring Security+Mybatis plus。 当我把Vue打包完成的html css js放入static文件夹中，并打包成jar运行的时候，却不能访问某些界面。 报错信息 GET http://localhost:8080/css/chunk-721da9e7.1f8fd1e3.css net::ERR_ABORTED
vue-cli解决IE浏览器chunk-vendors.js 提示sockjs-client错误
weixin_43778272的博客
08-22 6396
IE打不开vue项目报错
vue项目中chunk-vendors.js提示报错的查看方法
热门推荐
web15870359587的博客
03-06 2万+
经常在vue项目中，会有chunk-vendors.js报出的各种错误提示，但可能有的报错很多人不懂的如何查看，接下来，给大家一个示例： 上图中的报错，很多人可能只会看【Vue warn】中的错误，而忽略【system】中的错误提示，导致在页面中找了无数个“indexOf”也解决不了错误，其实这条错误产生的步骤都已经在【system】中。让我们由下往上看，错误产生的步骤流程依次是settlement–>otherfun–>list_fun–>audio_play,很明显是因为audio_
qiankun子应用不停重复加载问题
weixin_43589827的博客
05-20 3142
qiankun子应用不停重复加载问题 如图所示，接入微应用后，控制台不停的在应用生命周期中打印 before load。一开始还以为是路由问题，后来发现是其他开发人员少加了qiankun中configureWebpack的配置： 最后补充上去就解决了子应用重复加载的问题。 其实这个配置，我在每个应用中都有加，所以在查找问题的时候，都以为已经加上了，但后面发现被其他人代码覆盖了，导致配置没有，太坑了。 ...
chunk-vendors.js加载时间太长
最新发布
04-07
如果您遇到了chunk-vendors.js加载时间太长的问题，可能是因为以下原因： 1. 网络连接问题：如果您的网络连接速度较慢或不稳定，会导致chunk-vendors.js文件加载时间过长。 2. 文件大小问题：chunk-vendors.js文件...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值