微信小程序踩坑记录之解决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 相关文章推荐
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
Aug 07 Javascript
JavaScript实现非常简单实用的下拉菜单效果
Aug 27 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
Sep 12 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 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动态变静态原理
2006/11/25 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
JavaScript 动态创建VML的方法
2009/10/14 Javascript
jquery ui dialog ie8出现滚动条的解决方法
2010/12/06 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
javascript实现tab切换的四种方法
2015/11/05 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
浅谈vue加载优化策略
2019/03/19 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python判断变量是否已经定义的方法
2014/08/18 Python
Python with的用法
2014/08/22 Python
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
Python操作mongodb的9个步骤
2018/06/04 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
基于python实现学生管理系统
2018/10/17 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
VSCODE配置Markdown及Markdown基础语法详解
2021/01/19 Python
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
惠普香港官方商店:HP香港
2019/04/30 全球购物
印度民族服装购物网站:BIBA
2019/08/05 全球购物
什么是就业协议书
2014/04/17 职场文书
单位实习工作证明怎么写
2014/11/02 职场文书
小型婚礼主持词
2015/06/30 职场文书