微信小程序图标在真机调试时加载不出来

最新推荐文章于 2025-08-30 16:25:41 发布

原创最新推荐文章于 2025-08-30 16:25:41 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

在微信小程序开发中遇到图标显示异常？作者分享了将图片名改为英文避免图标丢失的实践经验，建议开发者注意文件名字符对真机调试的影响。

在做微信小程序联系时，想要真机调试下，结果发现图标不见了，但是图标的功能却都还在

后来看了下图片的位置，发现没有错误，后来试着把图片重命名成英文

结果还真成了，所以图片，文件夹什么的最好还是改成英文的好些

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ctc_csdn

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

精选资源

微信小程序源码（可用于毕业设计）-知乎.zip

06-16

微信小程序是一种轻量级的应用开发平台，主要用于在微信内运行的应用程序。这个“微信小程序源码（可用于毕业设计）-知乎.zip”文件提供了一个仿照知名问答社区知乎的小程序项目，非常适合那些正在进行毕业设计的...

微信小程序底部tabBar不显示图标

梦凝哲雪

10-12

3591

有网友描述是app.json中pages中的第一个页面不是tabBar配置中list[0]的第一个页面大导致"pages":[],"list": ["text": "类型",},"text": "首页",},"text": "详情",},"text": "购物车",},"text": "我的",},效果展示：顺序互不干涉是可以显示的！！！可能是以下几个原因导致底部tabBar不显示图标：图标路径错误：请检查图标路径是否正确，建议使用相对路径。

参与评论您还未登录，请先登录后发表或查看评论

微信小程序使用本地图片在真机不显示的问题

我抢了你的网名

11-21

1万+

最近做的小程序，在真机测试发现有些本地图片在开发工具上可以显示，但是在真机上预览的时候不能显示代码是这样写的 <view class='seat-size' wx:for="{{item}}" wx:key="index" wx:for-index="index" wx:for-item="citem"> <image src='../../../im...

微信小程序开发者工具，真机调试，图片不显示问题

热门推荐

04-26

2万+

今天网友在开发小程序中遇见一个很奇怪的问题，就是编辑器编译后可以正常显示项目图片，但是当真机预览时却不显示图片。针对这个问题经过对比、尝试算是找到了问题的原因。下面将最近真机不显示的情况进行一下汇总： 1.本地图片文件名称中包含中文：像上面图片，文件名称为中文，代码里面即使将文件路径设置正确同样真机不会显示图片。这个问题之前遇见过，不知道现在wx是否解决了这个问题。 2.本地图片文件名称中后缀大小写不统一：当本地图片的后缀名出现有大写、有小写时就要注意了，代码中写的文件路径为小写时，就会出现真机不显

微信小程序调试过程中页面加载不出来

m0_47531829的博客

09-09

3735

实习进入公司微信小程序第一个项目在调试过程中发现页面加载不出来，问题显示： module "components/form-box/date/miniprogram-computed.js" is not defined 百度搜索了一下，看到社区里面这条解决方案：关于使用computed问题，怎么报错缺失module文件？按照这个操作步骤： 1、cnpm install --save miniprogram-computed 2、开发者工具 => 构建npm 两步，重新加载以后就没有报错了，

微信小程序关于真机显示不出图片问题

Carolin_Carloin的博客

07-28

3954

在微信小程序开发者工具中运行时，发现图片能显示，但使用真机运行时，图片无法显示？解决：在wxml页面中，不允许出现中文命名的图片。

微信小程序真机调试本地图片加载不出来预览可以看到

03-20

好的，我现在需要解决用户提出的微信小程序真机调试时本地图片加载不出来但预览可以看到的问题。首先，我要回忆一下微信小程序中图片加载的相关知识，然后分析可能的原因，再逐步给出解决方案。用户提到真机调试时...

微信小程序 - 详细解决map地图上使用自定义图标图片或自定义样式进行markers标记点，手机真机运行时安卓系统、苹果ios系统会出现不显示标记点的问题（大概率安卓正常显示标记点，但苹果就加载失败）

高级前端工程师

08-06

5620

微信小程序，map，地图组件，安卓android，苹果ios，真机调试，marker，标记点，在地图上标记，突然就不显示白屏了没动代码，自定义标记点icon，label动态数字，小程序地图markers标记点显示不出来，微信小程序map组件，地图加载后marker标记点ios设备不显示，android正常显示，添加多个标记点。安卓能正常显示标记点图标，IOS设备不显示标记点图标，map地图白屏不显示标记，图标真机调试不显示，自定义图标，报错，页面白屏，不报错也不显示，无法加载，图片展示不出来，iconPat

微信小程序模仿QQ音乐和商城

06-02

微信小程序是一种轻量级的应用开发平台，主要针对移动端，它允许开发者在微信内构建原生体验的应用，无需安装即可使用，极大地提升了用户的便利性。在这个项目中，“微信小程序模仿QQ音乐和商城”，开发者旨在实现一...

微信小程序开发真机调试获取

01-15

### 微信小程序开发中的真机调试方法 #### 准备工作为了能够顺利进行微信小程序的真机调试，需先完成一些准备工作。这包括但不限于安装并设置好微信开发者工具以及确保设备处于同一局域网环境之中[^1]。 #### ...

微信小程序点击图片预览真机无法显示的问题

皮皮的博客

08-27

2196

问题：用开发者工具开发编辑时，点击图片预览，一直显示黑屏加载转圈中… 如图所示：实际效果图：话不多说，直接上代码 1、html代码： <view class="img-box"> <view class="imgs" wx:for="{{imgList}}" wx:key='id'> <image src="{{item.imgurl}}" bindtap="clickImg" data-url="{{item.imgurl}}" /&gt

微信小程序 真机上图片、图标不显示得问题

wshpwangshiyu的专栏

04-02

5180

1.图片的url里面不能有中文；2.图片名字里不能有空格；3.待补充。。。。

解决小程序背景图片在真机上不能查看的问题

weixin_30617561的博客

05-10

729

前面我写过一篇关于解决小程序打包代码过大的解决问题，其实也主要的原因是图片过大，进行压缩的方法：链接在此：小程序打包代码包过大的解决方法这次遇到的问题是，在微信开发工具箱开发时，背景图片都能正常显示。但是在手机预览或者是真机调试的时候，手机上背景图片会不见。如图：在工具箱处如图：手机真机调试截图：（丢失图片）使用安卓...

微信小程序真机调试页面不存在/onPageNotFound error: page ““ is not found

qq_50187801的博客

02-19

2430

微信小程序真机调试页面不存在/onPageNotFound error: page "" is not found

微信小程序真机调试没有图片

zyy865021416的博客

02-11

977

小程序加载图片不能使用相对路径，要使用绝对路径错误：

小程序真机调试不显示本地图片

框框梨的博客

05-01

1743

src要用绝对路径 <image src="/images/img1.png"/> 而使用相对路径只能使图片在开发者工具中显示，真机调试就不行了 <image src="/../images/music_icon.png"/> ...

小程序中网络图片在编译时正常，但真机调试时显示不出

qq_52284010的博客

04-02

1730

小程序中的网络图片在编译时正常显示，但真机调试时显示不出 小程序素材来源 https://github.com/aQuanPig/ZZ-Shop 最近在学习小程序时，碰到一个问题，就是引用网络图片时，在编译时可以在显示，但真机调试的时候，网络图片什么的就加载不出来了。如下图编译时：真机调试时：解决其实这只是一个很小的问题，来看看吧首先点一下右上角那三个圆点，出现以下界面，在弹出的界面最下面那行往左划一下有个开发调试这一项，点一下。然后点击打开调试，再重启一下手机的小程序就可以看的完整

微信小程序Android真机下wx.previewImage黑屏

weixin_30471561的博客

07-04

1013

之前貌似都ok的，可是最近发现Android下一直黑屏，搜了下官方论坛，遇到黑屏的不少。不过试了都没解决，最后把图片地址http协议改成https协议头预览正常，记录下： wx.previewImage({ current:‘https开头的图片路径’, // 当前显示图片链接 urls:[图片路径数组], // 需要预览的图片链接列表 ...