微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb


Posted in Javascript onJuly 04, 2018

发现问题

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

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

微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

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

微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

解决方法

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

微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

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

微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
js获取变量
Aug 24 Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
jquery操作checkbox实现全选和取消全选
May 02 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
Oct 26 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
JS使用JSON作为参数实例分析
Jun 23 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
JS实现点击按钮可实现编辑功能
Jul 03 #Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 #Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 #Javascript
基于React+Redux的SSR实现方法
Jul 03 #Javascript
VUE 3D轮播图封装实现方法
Jul 03 #Javascript
vue.js轮播图组件使用方法详解
Jul 03 #Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 #Javascript
You might like
PHP类的反射用法实例
2014/11/03 PHP
PHP实现查询手机归属地的方法详解
2017/04/28 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
js实现仿购物车加减效果
2017/03/01 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
vue webpack重写cookie路径的方法
2019/07/10 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
蔻驰法国官网:COACH法国
2018/11/14 全球购物
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
德国自行车商店:Tretwerk
2019/06/21 全球购物
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
扩大国家免疫规划实施方案
2014/03/21 职场文书
推广普通话标语
2014/06/27 职场文书
无房证明范本
2014/09/17 职场文书
卖房授权委托书样本
2014/10/05 职场文书
2014年学习部工作总结
2014/11/12 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js