微信开发者工具程序开发好后，不报错，但是黑屏

最新推荐文章于 2025-10-07 11:12:32 发布
原创 最新推荐文章于 2025-10-07 11:12:32 发布 · 3.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序

在将webStorm开发的代码移植到微信开发者工具时，遇到界面黑屏问题。原因是图片资源路径设置不当，微信开发者工具不支持相对路径的'..'表示法。本文详细解释了这一问题及解决方案。

我的情况是将在webStorm上开发的代码复制到微信开发者工具上时，经简单修改后不报错了但是界面黑屏，

找了一段时间发现是图片资源的路径没有设置正确。如下：

这是在微信开发者工具上的情况：

其实在webStrom上的路径是：

['rock','../res/Rock.png'],

这也是我们在做比如java开发时路径写法，../表示回到上一级目录，在webStorm上没有问题，但是在微信开发者工具上却不能有../

微信开发者工具黑屏终极解决办法（加文件）已经测试过了
05-18
打开最新版本微信开发者工具一直黑屏，要怎么解决？简单又有效，黑屏问题麻烦打开C:\\users\\\\AppData\\Local\\微信开发者工具\\user data\\WeappLocalData 放置这个文件就可以了，其他系统目录名称大致一样的。
微信开发者工具启动黑屏解决方法及代码.zip
04-12
亲测可用微信开发者工具启动黑屏解决方法及代码 注意一下自己的用户名 不要用默认的用户名 亲测可用微信开发者工具启动黑屏解决方法及代码
微信开发者工具打开黑屏解决办法
csfsl的博客
09-14 1021
电脑：win32 微信开发者工具安装完成后，打开黑屏。 解决办法：打开C:\Users\Administrator\AppData\Local\微信开发者工具\User Data\一串字符的文件夹\WeappLocalData 放置这个文件：https://share.weiyun.com/5cgH1EO（文件下载地址，下载使用）。 就可以了。 ...
Uniapp 开发微信小程序常见问题大全：从入门到上线避坑指南
热爱编码，享受创造
09-26 1074
主要内容包括： 环境配置问题：项目初始化报错、开发者工具无法自动打开等问题，建议检查Node版本、重装依赖、正确配置路径。 样式问题：样式不生效或rpx单位异常，需要注意小程序样式限制，使用支持的选择器，正确理解rpx单位特性。 功能问题：网络请求、图片显示、数据缓存等常见API使用问题，提供了封装请求方法、图片路径处理和安全缓存工具类的实现方案。 文章通过具体代码示例，详细说明了各类问题的原因分析和解决方法，帮助开发者快速定位和解决开发过程中的常见问题。
微信开发者工具打开是黑屏
Bright2017的博客
04-30 5498
电脑用时间长了，昨天重做了系统，安装了开发者工具之后发现打不开，等了好久打开后居然黑屏。我以为是系统没做好又重装了一遍，后来在社区查了下，才知道，这个问题很普遍。 解决办法： 你好，黑屏问题麻烦打开C:\\users\\<>\\AppData\\Local\\微信开发者工具\\userdata\\WeappLocalData放置这个文件https://share.weiyu...
微信开发工具 打开黑屏
张小胖
09-21 497
打开后一直黑屏，登录的码弹框一直黑屏 解决方法 1、安装路径有中文。大家可以把路径中的中文去掉，换成英文试试。 2、 在你安装的目录下启动命令行，输入 微信开发者工具.exe --disable-gpu 就可以解决了 原因是： 新版本默认开启了gpu加速，所以–disable-gpu 就可以了。 启动微信开发者工具后，在项目设置里面 把多核编译勾选去掉。 ...
微信开发者工具黑屏问题解决办法
咏雪的专栏
11-27 8236
最近在使用微信开发者工具时出现工具打不开现象，即黑屏情况，无意间发现我的chrome浏览器装的是32位版本的，而开发者工具是64为版本，于是试着将工具降为32位版本，结果ok，再无此现象。 在另一台机器上chrome 64位，工具对应64为，一切良好。 希望对遇到同样问题的童鞋有帮助！ ...
在微信小程序开发软件导入本地视频不报错显示黑屏怎么办
06-16
在微信小程序开发中，如果遇到本地视频导入后出现黑屏的问题，通常是由以下几个原因引起的：视频路径错误、视频格式不支持、或视频组件配置不当。以下是针对该问题的详细分析和解决方案。 #### 1. 确保视频路径正确...
为甚么模拟器启动失败微信开发者工具
03-18
好的，我现在需要帮助用户解决微信开发者工具中模拟器启动失败的问题。用户提到了模拟器启动失败，但具体错误信息没有给出，所以我得考虑几种常见的原因和解决方案。首先，我需要回忆之前提供的引用内容，看看是否有...
微信小程序 - 使用Video组件部分mp4视频黑屏、真机播放视频出现黑屏或无法加载、或编码问题，解决微信小程序video视频黑屏不显示且无法播放（uni-app微信小程序同样也能解决，详细排查教程）
最新发布
🏆 前端领域优质创作者
10-07 4433
微信小程序Video组件部分mp4视频黑屏，uniApp小程序video视频真机中黑屏没画面，微信小程序开发使用video标签黑屏、不显示、无法播放视频，uniapp小程序Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法浏览器上能正常播放，小程序视频播放卡死，uniapp使用video标签无法播放视频出现黑屏问题处理，视频编码问题怎么解决，微信小程序视频解码黑屏，小程序黑屏不显示画面的情况，解决小程序video控件在真机黑屏问题，安卓真机、苹果ios黑屏，无法正常显示，小程序video
微信程序开发小程序入门
m0_60375943的博客
03-07 522
1.小程序简介 安装成功之后扫描二维码
uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题，在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示（详细解决方法）
高级前端工程师
04-08 5122
uni-app，微信小程序，支付宝小程序，uniapp小程序，canvas，base64，微信小程序中base64格式的小程序码通过canvas画出来无效，真机调试二维码不显示的问题。小程序base64编码图片无法使用canvas绘制，uni-app小程序 真机显示canvas上利用base64图片生成的海报，微信小程序中base64格式的小程序码通过canvas画出来无效，解决canvas base64图片在小程序真机不显示问题，无法使用canvas绘制的问题，微信小程序使用canvas真机不生效，微信小
微信开发者工具启动黑屏解决方法及代码.rar
04-08
新版微信开发者工具更新后很多用户出现启动出现黑屏卡屏，现我将解决方法及代码贡献出来，让更多开发者能够及时生产。
解决小程序video控件在真机黑屏问题
01-05
解决小程序video控件在真机播放时视频黑屏问题，下载后执行如下命令： mp4box.exe -inter 500 -isma -hint 123.mp4
解决开发者工具黑屏文件.zip
05-16
今天安装微信开发者工具后启动时界面黑屏，无法登录也无法正常关闭。一番探索后终于找到有效的解决方法： 管理器结束掉wechatdevtools.exe进程，下载这个文件解压把里面的配置文件(***.json)放到 C:\Users\<你的用户名>\AppData\Local\微信开发者工具\User Data\WeappLocalData ，然后重新打开开发者工具就可以正常使用了
微信web开发者工具(小程序开发工程)，打开后卡住显示黑色或白色窗口解决办法
热门推荐
ihchenchen的博客
03-05 1万+
微信web开发者工具(小程序开发工程)，打开后卡住显示黑色或白色窗口如下图解决办法是，右击微信web开发者工具.exe文件，修改兼容性，改为windows7，如图：应用确定后，再次启动就可以了。...
微信小程序开发者工具运行一段时间黑屏解决方案
IT嘎嘎
11-16 2585
下载该文件localstorage_b72da75d79277d2f5f9c30c9177be57e.json https://share.weiyun.com/5cgH1EO 打开C:\\users\\<>\\AppData\\Local\\微信开发者工具\\userdata\\WeappLocalData（若路径不一样，建议搜索WeappLocalData，将下载的json文件覆盖原文件） 放置这个文件 ...
【HbuilderX+微信小程序开发者工具解决报错问题】
fangcaojushi的博客
03-02 5519
[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2301160;导入微信开发者工具后project.config.json文件被微信开发者工具修改，缺少代码：“miniprogramRoot”在project.config.json文件中，添加app.json的路径，代码如下。安装路径等，还包括小程序的appid,并且要和申请的帐号匹配的登录才能正常的运行。win7的系统，安装的微信小程序开发者工具的版本是。
Unity3D 游戏黑屏问题解决方法详解
Thomas_YXQ的博客
07-16 4392
Unity3D 作为一款广泛使用的游戏开发引擎，在开发过程中难免会遇到各种问题，其中黑屏问题尤为常见且令人头疼。黑屏问题可能由多种原因引起，包括但不限于资源加载问题、脚本错误、硬件或驱动问题、渲染设置错误等。本文将详细探讨Unity3D 游戏黑屏问题的可能原因及相应的解决方法，并给出技术详解及代码实现。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！Unity3D 游戏黑屏问题可能由多种原因引起，但通过仔细排查和逐一解决，大部分问题都可以得到有效解决。
新版微信开发者工具启动黑屏问题的解决方案
微信开发者工具是腾讯公司推出的专门为微信小程序、小游戏等开发者提供的集成开发环境（IDE）。它整合了代码编辑、预览、调试、项目管理等功能，为开发微信相关内容提供了极大的便利。然而，在更新到新版本后，部分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老马识途2.0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值