tabBar.list[0].iconPath 文件不存在

最新推荐文章于 2025-04-02 16:34:04 发布
最新推荐文章于 2025-04-02 16:34:04 发布
阅读量1.7w 收藏 1
点赞数 5
CC 4.0 BY-SA版权
分类专栏： weixin 文章标签： weixin error
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qiurisiyu2016/article/details/86918294
本文介绍了一种在app.json中配置TabBar时常见的图标路径错误，并提供了正确的修改方法。通过将图标路径前加上'pages/'，成功解决了找不到指定图片的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在app.json文件中的tabbar按视频里面，做配置如下

"iconPath": "asserts/img/time.png",

"selectedIconPath": "asserts/img/time-1.png",

 

报错：tabBar.list[0].iconPath 文件不存在

 

解决方法：将上述改为

"iconPath": "pages/asserts/img/time.png",

"selectedIconPath": "pages/asserts/img/time-1.png",

 

问题解决

二、tabBar操作
sjs1766349405的博客
02-21 1061
1.创建分支 git checkout -b tabbar 创建tabbar分支 git branch 查看当前所在的分支 2.创建四个页面 创建页面 仿照home.vue页面操作，创建其余的分类页面（cate.vue）、购物车页（shop.vue）和我的页面（my.vue） 准备静态资源文件 把tabbar需要的图片放在static文件夹中 修改pages.json 在Hbuilderx打开的项目的pages.json中配置如下： { "pages": [ .
微信小程序中提示错误 tabBar.list[0].iconPath 文件不存在
LuckyisLhh的博客
02-12 2906
微信小程序中提示错误 tabBar.list[0].iconPath 文件不存在
【微信小程序】【微信开发者工具】[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到
Alice_joy的博客
09-06 7456
[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到
微信小程序[“tabBar“][“list“][0][“iconPath“]未找到怎么解决
m0_65773779的博客
09-27 526
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
08-27
当开发者遇到“`tabBar.list[3].selectedIconPath`大小超过40kb”的错误时，这意味着第四项的选中状态图标文件过大，超出了微信小程序的限制。在这种情况下，可以通过以下步骤解决问题： 1. **检查图片大小**：首先...
无效的 app.json tabBar.list[0]["iconStyle"]
05-31
在 app.json 文件的 tabBar 字段中添加样式设置时，需要注意以下几点： 1. tabBar.list 数组中每个对象都可以添加 iconStyle 字段来设置图标样式，而不是只有第一个对象可以添加。 2. iconStyle 值应该是一个对象...
微信小程序自定义动态的tabBar.zip
01-11
你需要定义一个"tabBar"对象，其中包含"list"属性，它是一个数组，每个元素代表一个tabBar项。在这个数组中，你可以设置每个tab的文字、图标、颜色等属性。例如： ```json { "tabBar": { "color": "#7A7E83", ...
小程序源码（无后台）_自定义tabbar.rar
06-12
在自定义TabBar时，我们主要会涉及到`.json`配置文件和`.wxss`样式文件。在全局配置文件`app.json`中，开发者可以设置`tabBar`对象来定义其样式、文字、图标等。例如： ```json { "tabBar": { "color": "#7A7E83...
微信小程序图片未显示[ miniprogram/app.json 文件内容错误] miniprogram/app.json: [“tabBar“][“list“][0][“iconPath“]: “/
weixin_53765004的博客
02-14 1598
微信小程序图片未显示[ miniprogram/app.json 文件内容错误] miniprogram/app.json: [“tabBar”][“list”][0][“iconPath”]: “/miniprogram/images/home.png” 未找到 把红框内全部改为与pages同级的路径即可你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进
解决微信小程序报[ app.json 文件内容错误] app.json app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错
热门推荐
web18484626332的博客
03-10 2万+
编译报错：[ app.json 文件内容错误] app.json: app.json 未找到 原因：由于project.config.json文件的miniprogramRoot小程序根目录属性找不到aap.json的路径（可能是错误的路径，也可能是没有这一行代码）； “miniprogramRoot”: “./dist/dev/mp-weixin” 具体操作向下看： -导入之前项目根目录下的project.config.json文件： { "description": "A WePY..
miniprogram/app.json: [“tabBar“][“list“][0][“iconPath“]: “icon/deploy_22年亲测
m0_54603060的博客
04-02 6440
2022年wx小程序云开发模板tabTar,报错，亲测有效！
无效的 app.json tabBar.list[0][“iconfont“]、app.json tabBar[“iconfontSrc“]
xuelang532777032的博客
02-23 2533
我专门发这篇博，就是告诉你们，这个属性只支持H5和app。不信你用h5模式运行看看，图标就出来了！微信小程序不支持自定义字体图标。H5和app具体配置如下。
[ app.json 文件内容错误] app.json: The size of [“tabBar“][“list“][0][“selectedIconPath“] exceeds 40kb
2401_83241970的博客
08-08 778
第一，就是裁剪图片大小，这里我随便找了一张图片，这个图片的大小为128x128的，这个图片虽然大小没有超过40kb，但是由于图片大于底部所能承受的大小，也会包同样的错误。所以我们接下来就是将这个图片的大小裁剪为81x81的，这样就可以在微信小程序里面的tabBar里面使用了。第三步就是点击重设大小和倾斜，也可以快捷键 ctrl+w。注意：tabbar的列表数量必须是大于两个和小于五个。首先就是单击图片，然后选择打开方式，然后就是画图工具。然后保存，在项目中的tabBar中使用这个图片。
关于微信小程序报错：tabBar.list[0].iconPath 文件不存在 tabBar.list[0].selectedIconPath 文件不存在
weixin_46231579的博客
11-01 2400
项目场景： HBuilderX将文件编译到微信开发者工具上运行 问题描述： 踩到了个大坑，因为我习惯性将写好的代码运行在浏览器上，所以对运行到微信小程序上不多，在h5运行没有问题，在微信开发者工具上运行报错：tabBar.list[0].iconPath 文件不存在 tabBar.list[0].selectedIconPath 文件不存在。 原因分析： 我第一反应就是很奇怪，然后到pege.json文件中看了看，就有一个图片路径上加了20%，但是在h5完美运行，我也没想太多，经过我一行行代码注释排查
微信小程序 tabBar的使用注意事项
JohnLiu的博客
09-26 3330
假如app.json文件如下： { "pages": [ "pages/index/index", "pages/logs/logs", "pages/main/main", "pages/login/login", "pages/note/note", "pages/mine/mine" ], &quot
微信小程序关于Tabbar组件错误自我总结
weixin_48671220的博客
10-02 781
1.没有报错，但是底部导航栏未出现 上图tabBar组件第一个pagePath需要与下图第一个pages保持一致；2.[ app.json 文件内容错误] app.json: ["tabBar"]["list"][0]["iconPath"]: "icons/3.1首页" 未找到 这个错误查了下我常犯两个错误，一是路径一定要对，建议直接复制相对路径，二是需要加上 .png（列如："iconPath": "icons/3.1首页.png", "selectedIconPath": "icon
运行小程序报错
最新发布
qq_46490956的博客
04-02 504
app.json 文件内容错误] app.json: ["tabBar"]["list"] 不能超过 5 项(env: Windows,mp,1.06.2206090;lib: 3.7.12)但是我的另一台电脑就可以正常运行，所以就核对了一下开发工具的版本，更新了一下微信开发者工具就可以了原来是这个版本，大概不支持。配置项超过了 5 项。这是微信小程序的限制，的配置项最多只能有 5 个。他的意思大概是，微信小程序。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值