微信小程序踩坑记录之解决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 option location 页面跳转实现代码
Dec 27 Javascript
封装的jquery翻页滚动(示例代码)
Nov 18 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
jQuery Dialog对话框事件用法实例分析
May 10 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
vuex 动态注册方法 registerModule的实现
Jul 03 Javascript
el-table树形表格表单验证(列表生成序号)
May 31 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
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
thinkPHP5框架路由常用知识点汇总
2019/09/15 PHP
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
取选中的radio的值
2010/01/11 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
详解JS数值Number类型
2018/02/07 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
小程序实现列表多个批量倒计时
2021/01/29 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
2019/09/06 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
Python2.x与Python3.x的区别
2016/01/14 Python
Python将多个excel文件合并为一个文件
2018/01/03 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
python 实现人和电脑猜拳的示例代码
2020/03/02 Python
python 基于opencv去除图片阴影
2021/01/26 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
外贸英语毕业生自荐信
2013/11/14 职场文书
专升本个人自我评价
2013/12/22 职场文书
装配出错检讨书
2014/09/23 职场文书
初中作文评语集锦
2014/12/25 职场文书
五年级作文之学校的四季
2019/12/05 职场文书