关于微信小程序报错:tabBar.list[0].iconPath 文件不存在 tabBar.list[0].selectedIconPath 文件不存在

项目场景:

HBuilderX将文件编译到微信开发者工具上运行


问题描述:

踩到了个大坑,因为我习惯性将写好的代码运行在浏览器上,所以对运行到微信小程序上不多,在h5运行没有问题,在微信开发者工具上运行报错:tabBar.list[0].iconPath 文件不存在 tabBar.list[0].selectedIconPath 文件不存在。


原因分析:

我第一反应就是很奇怪,然后到pege.json文件中看了看,就有一个图片路径上加了20%,但是在h5完美运行,我也没想太多,经过我一行行代码注释排查错误,发现问题就出在那个20%上,我不禁起了疑惑。后来在一个经常写微信小程序的一个同事帮助下,发现:照片的命名 Homepage.png的那个点前面多了个空格。。。。。。。瞬间fuck可说。。。。。


解决方案:

提示:将空格删掉,重新编译即可,如果微信小程序或者h5上还是出不来,记得清除一下缓存,浏览器上是Ctrl+F5,至于微信开发者工具,我这边建议你把它重启(可以解决95%以上的问题)。最后不得不tm吐槽一下自己也吐槽一下编辑器,脑子可以不清醒,但是眼睛得仔细看;至于HBuilderX编辑器,一点毛病都没有,还是我太菜,太年轻。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序狼人杀的game.json文件代码如下: { "pages": [ "pages/index/index", "pages/role/role", "pages/start/start", "pages/result/result" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "狼人杀", "navigationBarTextStyle": "black" }, "tabBar": { "selectedColor": "#000000", "borderStyle": "white", "backgroundColor": "#ffffff", "color": "#7A7E83", "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "images/home.png", "selectedIconPath": "images/home_selected.png" }, { "pagePath": "pages/role/role", "text": "角色", "iconPath": "images/role.png", "selectedIconPath": "images/role_selected.png" }, { "pagePath": "pages/start/start", "text": "开始游戏", "iconPath": "images/start.png", "selectedIconPath": "images/start_selected.png" }, { "pagePath": "pages/result/result", "text": "游戏结果", "iconPath": "images/result.png", "selectedIconPath": "images/result_selected.png" } ] } } game.json文件微信小程序的配置文件之一,用来配置小程序的一些基本信息和页面列表。上述代码中,pages数组列出了小程序的四个页面分别为:首页(index)、角色(role)、开始游戏(start)、游戏结果(result)。window对象用来配置顶部导航栏的样式和背景色。tabBar对象是一个底部导航栏的设置,其中包括四个按钮,每个按钮都有对应的页面路径、显示文本、图标和选中后的图标。通过配置game.json文件,可以实现微信小程序狼人杀游戏的页面和导航栏的设置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值