【已解决】微信小程序编译后白屏（The resource was preloaded using link preload but not used within a few seconds ...）

9月前作者：程序边界分类：Toy博客阅读(126) 违法举报

这篇具有很好参考价值的文章主要介绍了【已解决】微信小程序编译后白屏（The resource was preloaded using link preload but not used within a few seconds ...）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、问题

事情发生在重装微信小程序开发者工具后。。。微信小程序编译后白屏，控制台报错：

The resource http://127.0.0.1:33157/appservice/__dev__/WAServiceMainContext.js?t=wechat&s=1655999659876&v=2.24.6 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.

二、解决

对比之前开发工具的设置，发现不知何时手残多打了一个勾：使用独立域进行调试

微信开发者工具编译器一片空白,微信小程序
去掉后，正常了。。。

白屏挺常见的，原因也是千奇百怪，此解决方法仅限此原因。。。文章来源地址https://www.toymoban.com/news/detail-719633.html

到了这里，关于【已解决】微信小程序编译后白屏（The resource was preloaded using link preload but not used within a few seconds ...）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序出现“[渲染层网络层错误] Failed to load local image resource”解决方法

加载image组件时，出现这样的报错 [渲染层网络层错误] Failed to load local image resource /pages/main/%E9%A6%96%E9%A1%B51.png the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error) (env: Windows,mp,1.06.2301040; lib: 2.19.4) 查找资料时，发现有可能是图片路径出现问题错误写法： imgSrc

2024年02月11日
浏览(118)
Taro微信小程序报错：Failed to load local image resource的解决方案

场景给taro地图组件添加标记的时候需要制定iconPath，然后报如下错误： [渲染层网络层错误] Failed to load local image resource [渲染层错误] Uncaught Error: Uncaught TypeError: Cannot read property ‘x’ of undefined 找了很久，有说url格式错误的，有说基础库版本太高了的，基本上能找到的方法我

2024年02月11日
浏览(49)
vue3实现动态菜单和动态路由和刷新后白屏处理

项目中，当每一个角色得到的界面不一致的时候，我们就不能使用静态菜单了，而是要从后端得到动态的菜单数据，然后动态的将菜单数据展示在界面上。除了在界面展示，也还要将界面的路由动态添加，在路由动态添加之后，你可能会出现刷新界面，界面变白的情况，页面

2024年02月06日
浏览(50)
uniapp微信小程序安装tailwindcss编译失败的解决思路

今天在uniapp上安装tailwindcss后，微信开发工具一直报wxss编译失败的错：如下图。想来应该是Postcss没有把tailwindcss编译成css，所以app.wxss识别不了导致的问题。网上找了一圈，也没有太好的办法。后来想了个不太灵活的办法，既然识别不了，可以手动转换成css在引入到app里面

2024年02月09日
浏览(56)
安卓部分手机使用webview加载链接后白屏（Android低版本会出现的问题）

大爷：小伙我这手机怎么打开你们呢这个是白屏什么都不显示。大娘：小伙我这也是打开你们呢这功能，就是一个白屏什么也没有，你们呢的应用不会有病毒吧。小伙：我的手机也正常；同事：我的也正常可以显示；小伙：你们都是什么手机型号；大爷：我的Android7.1.1

2024年04月15日
浏览(44)
H5接入到微信小程序或者微信浏览器打开相机界面会白屏刷新

最近开发的一个需求是H5项目，并嵌入到小程序中，其中有模块用到了拍照功能。前端同事们开发这个功能嵌入到小程序后会有bug，只要打开相机拍照后返回界面，界面会白屏刷新并且返回到了上一级，前端同事查询微信论坛或者其他地方的问答都说是手机内存不足或者运行

2024年02月04日
浏览(51)
uniapp中微信小程序不能编译style绑定方法的解决方案

这是我的代码设置了根据传参显示不同字体颜色和不同背景色这两个方法我都写在methods中在浏览器中H5和app模拟器的效果是一样的如图在HbuildX中运行至微信开发者工具无效，并且报错如图第一步第二步在computed添加如下代码至此修改成功，微信开发者工具运行效果如图所

2024年02月16日
浏览(51)
解决uniapp编译的微信小程序不支持v-bind=“$attrs“

原生组件无法支持v-bind;用户自定义组件以及第三方扩展组件才支持v-bind v-model属性在高版本的vue3+vite中使用父组件传递下来的props中的某一个属性，作为当前组件的子组件的v-model入参，那么将会报错 [vite] [plugin:vite:vue] v-model cannot be used on a prop, because local prop bindings are not wr

2024年02月08日
浏览(80)
微信小程序在模拟器可以显示，手机扫编译二维码显示不了解决办法

1，本地服务器即是使用localhost，如果希望在手机上可以演示，请把微信开发者工具代码中wx.request请求数据的所有带有localhost的路径全部替换本机的ip地址，如http://localhost:8080/test/hhh, 改成http://172.00.00.000/test/hhh, 这里只是举个例子，查看ip地址方法：打开cmd，输入ipconfig，红色

2024年02月12日
浏览(37)
微信小程序编译的错误解决办法:Error: accessSync:fail no such file or directory

~~本人在微信小程序中编写代码，使用到ESP8266-F12WiFi模块，代码没问题，但在真机调试中出现的一个错误，问了老大，本来解决的，但过了一个中午，又报错了，自己在网上一直搜，没搜到有效答案，经过多次试验，终于找到解决办法。 ~~Error: accessSync:fail no such file or directo

2024年02月11日
浏览(65)