微信小程序踩坑记录之解决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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
使用JS进行目录上传(相当于批量上传)
Dec 05 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
Vue监视数据的原理详解
Feb 24 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下批量挂马和批量清马代码
2011/02/27 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
Javascript 两个窗体之间传值实现代码
2009/09/25 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
使用js简单实现了tree树菜单
2013/11/20 Javascript
chrome调试javascript详解
2015/10/21 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
JS解惑之Object中的key是有序的么
2019/05/06 Javascript
微信小程序实现分页加载效果
2020/11/19 Javascript
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
python读取excel数据绘制简单曲线图的完整步骤记录
2020/10/30 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
2014年音乐教师工作总结
2014/12/03 职场文书
小学庆六一主持词
2015/06/30 职场文书
运动会开幕式致辞
2015/07/29 职场文书