微信小程序踩坑记录之解决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 相关文章推荐
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
响应鼠标变换表格背景或者颜色的代码
Mar 30 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
js实现文字选中分享功能
Jan 25 Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
JavaScript实现随机点名小程序
Oct 29 Javascript
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
dedecms防止FCK乱格式化你的代码的修改方法
2007/03/17 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
vue实现验证用户名是否可用
2021/01/20 Vue.js
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
部署Python的框架下的web app的详细教程
2015/04/30 Python
解决tensorflow模型参数保存和加载的问题
2018/07/26 Python
linux安装python修改默认python版本方法
2019/03/31 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
电子专业自荐信
2014/07/01 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
《自己去吧》教学反思
2016/02/16 职场文书