微信小程序开发,[ miniprogram/app.json 文件内容错误],["tabBar"]["list"][0]["iconPath"]: "/miniprogram/assets/tabbar/icon_main_home.png" 未找到
简单讲解关于调整 miniprogram 后, tabbar 找不到图片的原因之一
问题出现的原因
- 当我开发微信小程序一段时间后,就准备使用npm导包依赖第三方库,导包之前就调整了一下项目结构,把所有源码放到 miniprogram 文件夹下,在
project.config.json
中配置了"miniprogramRoot": "miniprogram/"
,项目此时是正常的。 - 当我把图片也归整了一下,把tabbar图片,从 /miniprogram/images/ 文件夹下,迁移到新建的 /miniprogram/assets/tabbar/ 文件夹下,在 app.json 中的 tabbar 位置修改了图片路径,再次编译,
此时就报错了
错误提示
[ miniprogram/app.json 文件内容错误] miniprogram/app.json: ["tabBar"]["list"][0]["iconPath"]: "/miniprogram/assets/tabbar/icon_main_home.png" 未找到 ... ...
修改之前的代码片段:
"list": [
{
"pagePath": "pages/main-home/home",
"text": "首页",
"iconPath": "images/icon_main_home.png",
"selectedIconPath": "images/icon_main_home_active.png"
}