记一次诡异的bug，The resource was preloaded using link preload but not used within a few seconds

最新推荐文章于 2023-07-06 11:54:31 发布
最新推荐文章于 2023-07-06 11:54:31 发布
阅读量1.9w 收藏 5
点赞数 15
分类专栏： VueJs 常见错误总结 文章标签： vue javascript js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yolanda_NuoNuo/article/details/113735167
版权

一、问题描述

做一个vue项目的时候，突然页面打不开了，空白页，什么都不显示
在这里插入图片描述
报这个错
在这里插入图片描述

The resource http://localhost:8082/js/index.js was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

二、解决问题

然后我寻思也没有用这个文件呀，后面找呀找呀，发现我在打包的HTML模板里加了一行注释

<!--<bo
最低0.47元/天 解锁文章
Yolanda_NuoNuo
关注
  • 15
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue报错The resource ＜URL＞ was preloaded using link preload but not used within a few seconds from the
hahah12345678的博客
07-28 9361
vue 报错
Preloaded JSON viewer-crx插件
03-10
我们通常使用同步器体系结构通过HTTPS加载数据，但是为了避免所显示的第一个屏幕的额外往返，我们将其嵌入到初始HTML响应中。 一旦服务器加载了客户端所需的数据¹，便使用简单的输出 支持语言:English
【已解决】微信小程序编译后白屏（The resource was preloaded using link preload but not used within a few seconds ...）
程序边界
06-24 1万+
事情发生在重装微信小程序开发者工具后。。。微信小程序编译后白屏，控制台报错： 二、解决 对比之前开发工具的设置，发现不知何时手残多打了一个勾：使用独立域进行调试 去掉后，正常了。。。白屏挺常见的，原因也是千奇百怪，此解决方法仅限此原因。。。...
页面多次加载缓慢的原因
Pandora_417的博客
07-13 4158
这里的场景是，页面的遮罩层modal框刚触发关闭，另一个带动画效果的DOM元素点击后出现在页面中，并且触发这个警告信息的页面渲染也十分卡顿。 通过nextTick解决当前页面上的DOM冲突和也可能是点击事件里面产生bug了...
Vue报错was preloaded using link preload but not used within a few seconds from the window‘s load
Lzen6719的博客
03-06 4188
在vue小程序开发的时候报了一个不知所以的错误，后来发现是因为注释的问题，这解析太严谨了。
vue3打包部署后，报错解决记录。访问页面index.html空白、页面刷新后nginx404问题
weixin_42508580的博客
09-29 5379
项目情况：使用的createWebHistory创建history达到访问路径不带#的效果，但是发现项目没有配置nginx转发，在vue-router文档中，配合createWebHistory使用需要nginx配置转发到index.html。在webpack配置中（vue.config.js）配置chunks时通过加入[‘chunk-vendors’, ‘chunk-common’]参数来解决预加载问题，如下。提示使用链接预加载的，但在窗口加载事件后的几秒钟内没有使用。值，并且是故意预装的。
微信小程序开发遇到的问题
kite博客
07-06 1697
【代码】微信小程序开发遇到的问题。
preloaded-images-k8s-v1-v1.17.3-docker-overlay2.tar.lz4
03-23
话不多说 preloaded-images-k8s-v1-v1.17.3-docker-overlay2.tar.lz4 preloaded-images-k8s-v1-v1.17.3-docker-overlay2.tar.lz4 记得用文本工具打开去分享的网盘链接中下载
JS-Preloaded-Menu:从JavaScript数组预加载的菜单
04-06
预装菜单 这是一个网站，其中使用JavaScript从预制列表中加载了表示菜单的html元素。 该列表旨在模拟数据库连接。
AN54181 Getting Started with a PSoC (R) 3 Design Project.pdf
11-18
PSoC 3 projects are constructed using a powerful GUI, PSoC Creator, which enables designers to configure the digital and analog blocks and write code. PSoC Creator brings a high level of abstraction ...
vue-cli3及以上版本创建多页面应用。
wkq_1212的博客
07-22 950
为什么要多页面？ 以实际场景为例，到了某个节日，需要根据需求做一个活动页，并且活动页技术体系和原本单页面一样（如vue），并且多端共用此页面（不能集成在原本的单页应用里了，太庞大）。那么我们要么是单独开一个项目，要么就是想办法将项目改造成多页面。介于前者太浪费资源且没必要（因为很多共用部分，甚至组件共用），所以我们选择将vue-cli改造成多页面应用。 先摆一些小坑： 1.无法通过路径访问多页面的某一页面，例如： http://172.16.10.181:8080/subPage.htm...
uniapp微信开发者工具调试只有＜page＞＜/page＞
ABinnnn的博客
06-21 1225
uniapp运行到微信开发者工具很坑的问题，运行到微信开发者工具后，报错was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally....
解决路径无法通过超链访问
shigecainiao的博客
06-05 81
当点击访问页面中外链地址时，会产生一个http请求（用于获取外链地址内容），此时出于安全策略（一些用户信息或登录信息会通过url传递），浏览器会在请求头中添加一个referrer，用来表示当前请求是从哪个页面跳转来的，也就是访问来源。现在问题已经知道了，剩下的就是解决了。我们需要将请求头的referrer给去掉。referrer是用于追踪用户是从哪个页面跳转过来,设置为no-referrer,表示所有请求都不发送referrer.最近在需求中需要通过一个外链来访问客户网站，但是试了很多种跳转方式都不行。
web字体设置成平方字体_Web字体正确完成
weixin_26732881的博客
09-01 1320
web字体设置成平方字体When using web fonts we must carefully avoid its hidden pitfalls. To do this designers, frontend developers, DevOps, and authors each have a role to play in creating a great end-user exper...
prefetch 和 preload 及 webpack 的相关处理
肖陈伟的博客
05-03 2629
使用预取和预加载是网站性能和用户体验提升的一个很好的途径，本文介绍了使用 prefetch 和 prefetch 进行预取和预加载的方法，并使用 webpack 进行实现
vue-cli3搭建项目之webpack配置
热门推荐
梦行天宇的博客
02-14 6万+
vue-cli3搭建完整项目之webpack配置 ​ 前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢？别慌，vue-cli3早就考虑到了这一点，它预留了一个vue.config.js的js文件供我们对webpack进行自...
解决webstorm拉取Vue项目时卡顿,及内存爆满问题
梦行天宇的博客
11-18 1万+
解决webstorm拉取Vue项目加载node_modules时卡顿,及内存爆满问题 最近在拉取Vue项目时总是会出现webstorm内存瞬间爆满，导致webstorm卡死，而且,有时在下载完node_modues后webstorm一直处于updating中，为此在网上找了很多方法结果效果不怎么理想，然后自己就接着捣鼓，终于捣鼓出来了。下面就是方法：步骤1.打开webstorm,然后依照此路径
vue 项目 警告 The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
最新发布
07-20
这个警告是由浏览器发出的，它表示某个资源使用了 link preload 进行预加载，但在窗口加载事件后的几秒内没有被使用。浏览器建议为预加载资源设置适当的 `as` 值，并确保它的预加载是有意义的。 要解决这个警告，你可以尝试以下几种方法： 1. 检查资源的 `as` 属性：确保预加载资源的 `as` 属性设置正确。根据你预加载的资源类型，可以使用不同的 `as` 属性值。例如，对于 CSS 文件，可以使用 `as="style"`，对于 JavaScript 文件，可以使用 `as="script"`。 2. 延迟预加载：如果预加载的资源在窗口加载事件后的几秒内没有被使用，那么可能是因为预加载的时间太早了。你可以尝试将预加载操作延迟到更合适的时机，例如在用户执行某些操作后再进行预加载。 3. 移除不必要的预加载：检查你的代码，确保只有真正需要预加载的资源才进行了预加载操作。如果某个资源并不需要预加载，那么可以直接移除对应的预加载代码。 4. 使用懒加载：考虑使用懒加载（lazy loading）来动态加载资源。这样可以避免在页面初始加载时就进行大量的预加载操作，而是根据需要动态加载资源。 请根据你的具体情况选择适合的解决方案。同时，要注意这个警告只是一个建议，如果你确定预加载的资源确实是必要的，并且没有造成其他问题，那么你可以忽略这个警告。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值