微信小程序踩坑记录之解决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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
jQuery提交表单ajax查询实例代码
Oct 07 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
javascript中clone对象详解
Dec 03 Javascript
后台获取ZTREE选中节点的方法
Feb 12 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
vue 优化CDN加速的方法示例
Sep 19 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 Javascript
JS字符串补全方法padStart()和padEnd()
May 27 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
PHP 动态随机生成验证码类代码
2010/04/09 PHP
PHP中的string类型使用说明
2010/07/27 PHP
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
php提取字符串中网站url地址的方法
2014/12/03 PHP
dedecms集成财付通支付接口
2014/12/28 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
jquery text()要注意啦
2009/10/30 Javascript
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
javascript中常用编程知识
2013/04/08 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
利用vue3+ts实现管理后台(增删改查)
2020/10/30 Javascript
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
销售类个人求职信范文
2013/09/25 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
煤矿开采专业求职信
2014/07/08 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
2019预备党员转正申请书模板2篇!
2019/08/07 职场文书