微信小程序踩坑- tabBar.list[3].selectedIconPath 大小超过 40kb

最新推荐文章于 2024-08-08 16:15:11 发布
最新推荐文章于 2024-08-08 16:15:11 发布
阅读量9.2k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 祈澈菇凉带你一起学小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36538012/article/details/80853536
本文介绍了解决微信小程序开发过程中遇到的tabBar图片超出40KB限制的问题，通过调整图片大小成功解决了预览失败的bug。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

重新启动微信小程序编辑器的时候遇到了这样的一个问题：

tabBar.list[3].selectedIconPath 大小超过 40kb


微信小程序开发的过程之中总会出现这样或者那样的错误，需要我们耐心的去寻找，仔细查看和百度查询之后，发现了原因：其中有一张图片，替换的时候没有注意图片大小，导致项目无法预览。


参考了一下微信小程序的官方API，查看tabBar list定义说明：也就是说选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，而我新加入的头像尺寸过大。



当改变了图片的大小之后，报错消失，顺利解决bug,继续下一步的项目进程。



关注「编程微刊」公众号 ，在微信后台回复「领取资源」，获取IT资源300G干货大全。公众号回复“1”，拉你进程序员技术讨论群.


二、tabBar操作
sjs1766349405的博客
02-21 1063
1.创建分支 git checkout -b tabbar 创建tabbar分支 git branch 查看当前所在的分支 2.创建四个页面 创建页面 仿照home.vue页面操作，创建其余的分类页面（cate.vue）、购物车页（shop.vue）和我的页面（my.vue） 准备静态资源文件 把tabbar需要的图片放在static文件夹中 修改pages.json 在Hbuilderx打开的项目的pages.json中配置如下： { "pages": [ .
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
08-27
主要给大家介绍了关于微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb的相关资料，文中通过示例代码介绍的非常详细，需要的朋友参考借鉴，下面随着小编来一起学习学习吧
小程序踩坑记- tabBar.list[3].selectedIconPath 大小超过 40kb
祈澈菇凉
06-29 1092
重新启动微信小程序编辑器的时候遇到了这样的一个问题： tabBar.list[3].selectedIconPath 大小超过 40kb 图片.png 微信小程序开发的过程之中总会出现这样或者那样的错误，需要我们耐心的去寻找，仔细查看和百度查询之后，发现了原因：其中有一张图片，替换的时候没有注意图片大小，导致项目无法预览。 图片....
[ app.json 文件内容错误] app.json: The size of [“tabBar“][“list“][0][“selectedIconPath“] exceeds 40kb
最新发布
2401_83241970的博客
08-08 783
第一，就是裁剪图片大小，这里我随便找了一张图片，这个图片的大小为128x128的，这个图片虽然大小没有超过40kb，但是由于图片大于底部所能承受的大小，也会包同样的错误。所以我们接下来就是将这个图片的大小裁剪为81x81的，这样就可以在微信小程序里面的tabBar里面使用了。第三步就是点击重设大小和倾斜，也可以快捷键 ctrl+w。注意：tabbar的列表数量必须是大于两个和小于五个。首先就是单击图片，然后选择打开方式，然后就是画图工具。然后保存，在项目中的tabBar中使用这个图片。
微信小程序关于Tabbar组件错误自我总结
weixin_48671220的博客
10-02 781
1.没有报错，但是底部导航栏未出现 上图tabBar组件第一个pagePath需要与下图第一个pages保持一致；2.[ app.json 文件内容错误] app.json: ["tabBar"]["list"][0]["iconPath"]: "icons/3.1首页" 未找到 这个错误查了下我常犯两个错误，一是路径一定要对，建议直接复制相对路径，二是需要加上 .png（列如："iconPath": "icons/3.1首页.png", "selectedIconPath": "icon
【微信小程序-毕设期末大作业】微信小程序源码自定义tabbar.zip
05-06
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
微信小程序--TabBar不出现
03-29
今天打算开始实战一个微信小程序项目，一开始就踩坑了，正确设置了TabBar，但是TabBar就是不能显示出来，后面才找到原因，这里记录下： app.json正确代码： { "pages":[ "pages/index/index", "pages/leader/...
微信小程序-自定义tabbar-程序源码.zip
05-31
在这个“微信小程序-自定义tabbar-程序源码.zip”压缩包中，包含了一个关于微信小程序的自定义底部导航栏（tabbar）的示例项目源代码。 在微信小程序的开发中，tabbar 是一个非常关键的组件，它通常位于页面底部，...
miniprogram/app.json: [“tabBar“][“list“][0][“iconPath“]: “icon/deploy_22年亲测
m0_54603060的博客
04-02 6441
2022年wx小程序云开发模板tabTar,报错，亲测有效！
【微信小程序】【微信开发者工具】[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到
Alice_joy的博客
09-06 7457
[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到
微信小程序中提示错误 tabBar.list[0].iconPath 文件不存在
LuckyisLhh的博客
02-12 2906
微信小程序中提示错误 tabBar.list[0].iconPath 文件不存在
解决微信小程序报[ app.json 文件内容错误] app.json app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错
web18484626332的博客
03-10 2万+
编译报错：[ app.json 文件内容错误] app.json: app.json 未找到 原因：由于project.config.json文件的miniprogramRoot小程序根目录属性找不到aap.json的路径（可能是错误的路径，也可能是没有这一行代码）； “miniprogramRoot”: “./dist/dev/mp-weixin” 具体操作向下看： -导入之前项目根目录下的project.config.json文件： { "description": "A WePY..
2021-10-17
Rain_bow_的博客
10-17 753
关于开发微信小程序报错 [miniprogram/app.json 文件内容错误] miniprogram/app.json: [“tabBar”][“list”][0][“iconPath”]: “/icons/首页.png” 未找到 1、首先应检查是不是路径出错或者是文件名、后缀写错等等 2、如果确定不是以上错误，则可能是以下错误： 当放错时，我的微信小程序项目文件是这样放的 我的app.json需要找到icons文件夹里的一个小图片，但是显示找不到该路径，代码是这样的： 然后报错了。 查找原因以后
uni-app插入本地背景图片不能超过40kb解决方法
Littleree的博客
04-18 773
uni-app插入本地背景图片不能超过40kb解决方法
官方问答--微信小程序常见FAQ (17.8.21-17.8.27)
热门推荐
Dreawer微信小程序联盟
09-05 2万+
给提问的开发者的建议： 提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题，并且正文描述清楚你的问题。 提交 BUG：需要带上基础库版本号，设备信息（iOS, Android,开发工具等等），操作系统信息（系统版本），以及可以让他人重现的信息，最好能够提供重现 demo. 对于提供信息过少的问题，会直接关闭，请提供完整信息以后重新打开问题。 另外，对于如何做某某
微信小程序的tabBar属性
共勉
03-26 2745
在微信小程序当中的app.json文件当中。是指下方的导航栏， 在tabBar里面有一个list数组，在这个数组里面的值就是表示在下方导航栏的值。 如下代码所示：（给出一个小的数组值） "list": [{ "pagePath": "pages/index/index", //表示对应的页面 "text": "首頁", //首页文字 "iconPat...
微信开发工具tabBar中的list 图片为啥加载不出来？
qq_51946355的博客
04-27 2871
主要有以下两个原因： 1.图片保存的位置一定要和你page页面文件保存的位置一样。 2.图片的格式不正确，微信开发工具仅支持jpg. jpgs. gif. png 以及位图bmp，目前是支持webp格式滴。 如果对您有帮助，点个关注谢谢 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值