【微信小程序】【微信开发者工具】[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到

这篇具有很好参考价值的文章主要介绍了【微信小程序】【微信开发者工具】[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

开发者工具版本:1.06.2206090

报错

[ app.json 文件内容错误] app.json: ["tabBar"]["list"][1]["iconPath"]: "static/tab_icons/cate.png" 未找到

(env: Windows,mp,1.06.2206090; lib: 2.19.4)

现象

【微信小程序】【微信开发者工具】[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到

原因

图片相对路径写错,相对路径是相对根目录的路径。

解决

1.目录层级放在根目录下,即与pages同级;

// app.json
{
    "pages":[
        "pages/home/home",
        "pages/cate/cate",
        "pages/cart/cart",
        "pages/my/my",
        "pages/index/index",
        "pages/logs/logs"
    ],
    "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#66ccff",
        "navigationBarTitleText": "橱窗展示",
        "navigationBarTextStyle":"black",
        "enablePullDownRefresh": true,
        "backgroundColor": "#66ccff"
    },
    "tabBar":{
		"list":[
			{
				"pagePath":"pages/home/home",
				"text":"首页",
				"iconPath":"static/tab_icons/home.png",
				"selectedIconPath":"static/tab_icons/home-active.png"
			}, {
				"pagePath":"pages/cate/cate",
				"text":"分类",
				"iconPath":"static/tab_icons/cate.png",
				"selectedIconPath":"static/tab_icons/cate-active.png"
			}, {
				"pagePath":"pages/cart/cart",
				"text":"购物车",
				"iconPath":"static/tab_icons/cart.png",
				"selectedIconPath":"static/tab_icons/cart-active.png"
			}, {
				"pagePath":"pages/my/my",
				"text":"我的",
				"iconPath":"static/tab_icons/my.png",
				"selectedIconPath":"static/tab_icons/my-active.png"
			}
		],
        "color": "#f5f6fa",
        "selectedColor": "#54a0ff",
        "backgroundColor": "#66ccff"
    },
    "style": "v2",
    "sitemapLocation": "sitemap.json"
}

2.目录层级放在pages目录下,路径为:pages/xxx/yyy.png。

// app.json
{
    "pages":[
        "pages/home/home",
        "pages/cate/cate",
        "pages/cart/cart",
        "pages/my/my",
        "pages/index/index",
        "pages/logs/logs"
    ],
    "window":{
        "backgroundTextStyle":"light",
        "navigationBarBackgroundColor": "#66ccff",
        "navigationBarTitleText": "橱窗展示",
        "navigationBarTextStyle":"black",
        "enablePullDownRefresh": true,
        "backgroundColor": "#66ccff"
    },
    "tabBar":{
		"list":[
			{
				"pagePath":"pages/home/home",
				"text":"首页",
				"iconPath":"pages/home/static/tab_icons/home.png",
				"selectedIconPath":"pages/home/static/tab_icons/home-active.png"
			}, {
				"pagePath":"pages/cate/cate",
				"text":"分类",
				"iconPath":"pages/cate/static/tab_icons/cate.png",
				"selectedIconPath":"pages/cate/static/tab_icons/cate-active.png"
			}, {
				"pagePath":"pages/cart/cart",
				"text":"购物车",
				"iconPath":"pages/cart/static/tab_icons/cart.png",
				"selectedIconPath":"pages/cart/static/tab_icons/cart-active.png"
			}, {
				"pagePath":"pages/my/my",
				"text":"我的",
				"iconPath":"pages/my/static/tab_icons/my.png",
				"selectedIconPath":"pages/my/static/tab_icons/my-active.png"
			}
		],
        "color": "#f5f6fa",
        "selectedColor": "#54a0ff",
        "backgroundColor": "#66ccff"
    },
    "style": "v2",
    "sitemapLocation": "sitemap.json"
}

备注

1.首先要保证路径里的图片真的有,名字不要写错,然后再讨论路径的书写规则。

2.没有深挖原因,只是按以上方法改了之后就不报错了,刚开始学,仅供参考。文章来源地址https://www.toymoban.com/news/detail-504566.html

到了这里,关于【微信小程序】【微信开发者工具】[ app.json 文件内容错误] app.json: [“tabBar“][“list“][1][“iconPath“]: “xxx/yyy.png“ 未找到的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220; lib: 2.32.0) 以下是一个uni-app项目,首先我们要查看是否有unpackage文件夹, 如果有项目直接指向unpackagedistdevmp-weixin即可 如果没有则需要用HBuilder

    2024年02月16日
    浏览(61)
  • 微信小程序开发者工具下载

    微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com) 下载安装好后,软件图标如下图所示。 运行软件如下图所示,这时候就需要使用你的管理员账号扫码登录。 登陆后的界面,如下图所示。可以项目分为两类: 小程序项目、公众号网页项目 。其中,小程序项目又细

    2024年04月23日
    浏览(124)
  • [微信小程序开发者工具] × #initialize

    [微信小程序开发者工具] × #initialize-error: [error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,或手动打开工具 - 设置 - 安全设置,将服务端口开启。 从HBuilder运行到微信小程序的时候报错 解决办法: 打开微信开发者工具,选择设置–通用设

    2024年02月11日
    浏览(79)
  • 微信开发者工具报错: app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220; lib: 2.30.4)

    最近有一个需要使用用uniapp的面试,很久以前也曾研究过一段时间,但是什么都离不开时间的流失,你不学习,看似熟悉的东西就会慢慢溜走。 按照官网的指引,创建了基础项目,想着在小程序开发者工具上看看,但是编译的时候总是报这个错: [ app.json 文件内容错误] app

    2024年02月11日
    浏览(106)
  • 【微信小程序】微信开发者工具安装less插件

    微信小程序:本文主要是关于如何在微信开发者工具中安装less插件 不知道大家有没有像我一样习惯在vscode里面用惯了less,当需要用微信开发者工具开发小程序时,如果没有这个会有些不习惯,下面就简单介绍一下,如何在微信开发者工具中安装less插件。 less:是一个CSS预处

    2024年02月04日
    浏览(77)
  • 微信小程序:微信开发者工具安装less插件

    微信小程序:本文主要是关于如何在微信开发者工具中安装less插件 不知道大家有没有像我一样习惯在vscode里面用惯了less,当需要用微信开发者工具开发小程序时,如果没有这个会有些不习惯,下面就简单介绍一下,如何在微信开发者工具中安装less插件。 less:是一个CSS预处

    2024年02月14日
    浏览(151)
  • 【微信小程序】--注册小程序账号&安装开发者工具(一)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年01月17日
    浏览(114)
  • 【微信小程序】微信Web开发者工具下载及安装

    🏆今日学习目标:微信Web开发者工具下载及安装 😃创作者:颜颜yan_ ✨个人主页:颜颜yan_的个人主页 ⏰预计时间:25分钟 🎉专栏系列:微信小程序开发 什么是微信小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者

    2024年02月09日
    浏览(85)
  • 快速上手微信小程序(纯原生)基于微信开发者工具+云开发

    最近开发一个小程序。因为体量实在不大,两张表,几个接口。便打算写原生的代码。没有使用uniapp等框架。记录一下一个小程序从搭建到审核发布的那些坑和经验做为学习笔记。 几个网站请收藏 你的小程序需要开发工具: 保姆级传送门 你的小程序需要一个身份证: 微信公

    2024年02月10日
    浏览(85)
  • 微信小程序实现简单的点击切换功能(微信开发者工具)

    📚文章目录 🔗首先创建一个简单的切换按钮📋 如图下  📋wxml代码  📋wxss代码 🔗但是这个元素是无法点击的,所以要添加一个点击事件到这两个元素里面  📋js代码(在page({})里面添加) 📋wxml代码  🔗class使用三元表达式来继续点击判断  🔗使用bindtap绑定事件  事件的

    2024年02月09日
    浏览(210)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包