解决appJSON[“tabBar“][1][“pagePath“] “pages/classify/index“报错

最新推荐文章于 2024-11-08 15:34:15 发布
最新推荐文章于 2024-11-08 15:34:15 发布
阅读量2.7k 收藏 1
点赞数 1
分类专栏： 知识点 文章标签： 微信 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Oracleone1/article/details/120868141
版权

微信小程序 tabbar 页面路径 报错 配置
关键词由CSDN通过智能技术生成

今天首次接触微信小程序，准备用微信小程序写一个简单的tabbar效果
但是执行的时候报错：

出现这个报错的原因是在app.json中pages中的文件路径与下面tabbar中所写的路径不一致；或者你在tabbar中的pagePath路径在pages数组中根本不存在 

我正确的写法应该是

 

We Never say die
关注
专栏目录
微信小程序｜小程序自定义底部导航栏
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
09-30 1万+
小程序底部导航栏组件，实现多tabBar，自定义凸起
微信小程序学习日记之错误1appJSON["tabBar"][1]["pagePath"] "pages/index/index" 需在 pages 数组中
热门推荐
sinat_38708970的博客
06-17 2万+
今天在学习使用tabBar的时候引用pagePath的路径的时候出现的错误，该错误的原因是所有的页面路径都需要在pages这个集合中先声明。所以，出现错误的原因也就是要么你的路径写错了，要么就是你的页面路径没有在pages中定义，其实也就是一个问题就是你的路径和在pages中的声明的路径不一致。 我就是写错了页面名字导致的 ...
[ app.json 文件内容错误] app.json: [“tabBar“][1][“pagePath“]: “pages/classify/classify“ need in [“pages“]
博客
04-13 942
uni-app官网•全局文件•pages.json页面路由•pages。
微信小程序--tabBar不出现的一种原因
cc1314_工作、学习有感
04-18 8504
转载https://blog.csdn.net/yedouble/article/details/54089825学习微信小程序中，遇到底部的TabBar不出现的问题。经过多番尝试，终于解决问题。在此记录问题产生的原因和对策。下面先描述错误现象，接着指出错误原因，最后提供正确的实例。 　　错误现象是，项目的app.json使用以下代码，却没有如期望那样在屏幕底部出现TabBar。{ "page...
uni-app的分包下小程序报错app.json: [“tabBar“][1][“pagePath“]: “xxxx“ need in [“pages“]
简单Cere
01-09 2841
app.json: ["tabBar"][1]["pagePath"]: "xxxx" need in ["pages"]
配置项目底部选项卡
一个孤独漫步者的遐想的博客
02-07 126
配置项目底部选项卡 pages.json { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "储位系统", "app-plus": {}, "mp-weixin": {}, "h5": {} }
微信小程序自定义tabbar组件之中间按钮凸起
nan961136007的博客
01-10 1万+
和我前面一篇文章差不多的， 只不过逻辑有点不同，直接上效果和代码吧 先来一个模板文件，我的图片放在模板文件里 wxml <view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}"> <block wx:for="{...
微信小程序自定义tabbar组件（用于和微信自带tabbar外其他界面）
nan961136007的博客
01-10 1733
前面把两个自定义花式的写了，哈哈，现在来写个简单的，注意哦：app.json里用了自带tabbar的那几个主页面不要引用，不然也要在app.js里去隐藏哦。 哦，对了，有个坏处就是，tabbar会闪，不过你们看着要求来呗。 这是微信自带的，记得也用上哦，后面需要显示出这个tabbar的话在引用模板 我的模板文件叫template 首先是template.wxml <view class=...
微信小程序自定义tabbar组件点击对应区域显示凸起效果
nan961136007的博客
01-09 3585
今天呢，看到设计图，难搞啊，要自定义组件，是时候动动脑子了，哈哈。 我呢，方法用的比较笨，代码有点冗余了，还望体谅哈 首先呢，先创建template文件夹，里面包含wxml，wcss和 js 先来wxml代码吧 <view class='footer'> <view class='footer_list' data-current="{{0}}" bindtap="ch...
uin-app微信小程序开发
weixin_70380078的博客
06-21 5309
uni-app 由 DCloud 公司开发，是一个使用 Vue.js 开发所有前端应用的框架，开发者只需编写一套代码，即可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。即使不跨端，uni-app 也是更好的小程序开发框架、更好的 App 跨平台框架、更方便的 H5 开发框架。在开始连接数据库之前，首先需要考虑的是选择哪种类型的数据库。五：在打开的命令框中找到对应的解压文件夹，如：d盘输入 D:，E盘就输入 E:。
【微信小程序】基础篇 -- 全局配置 -- tabBar（十七）
JMFive的博客
03-02 8647
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第17篇文章;今天开始学习微信小程序的第九天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。tabBar 是移动端应用常见的页面效果，用于实现多页面的快速切换。小程序中通常将其分为：底部 tabBar顶部 tabBar。
微信小程序之创建底部菜单栏（新手学习）
lyj961222的博客
12-17 4362
上一篇文章创建新项目后，点击进入项目，可以看到目录结构： pages:页面路径列表 window：默认窗口表现 tabBar：底部tab栏 点击进入app.json, { "pages": [ "pages/home/home", //新建的首页路径（放在首位的路径最先展示） "pages/index/ind...
小程序配置之全局配置-window与tabBar
weixin_55800388的博客
06-22 311
参考文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html​ 记录当前小程序所有页面的存放路径​ 2.1全局设置小程序的外观tabBar只能配置最多5个、至少2个的tab页签。注意：顶部tabBar不显示icon，只有底部显示 若需要页面配置项，可以进行页面中的json配置（页面配置优先全局配置）页面配置：（页面配置优先全局配置）**页面配置：https://developers.weixin.
从零开始自制微信小程序13--初识微信小程序9--配置tabBar-对若干一级页面的入口链接--[ app.json 文件内容错误] app.json: [“tabBar“][1][“pagePath
qq_42242589的博客
12-18 2463
很多时候，对于about页和weekly页，这样的一级页面，我们希望实现的是在他们之间的快速的任意的切换 配置（顶部/底部）标签栏 配置tabBar底部标签栏（第一个weekly，第二个about） -配置tabBar-对若干一级页面的入口链接 -全局配置app.json -新问题引入：原来about页的<navigator>元素点击无效 icons图 在网上找icons图，网不太好。中断，下次更新博客。 ...
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
祈澈菇凉
06-16 8386
又遇到了一个bug，开心ing，报错如下，相信应该在入门的时候，很多人都遇到了这样的bug。 VM2040:5 appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中 错误原因，没有使用app.json文件来对微信小程序新建的页面进行全局配置。 只需要在...
C# winfrom实现微信（其他应用）自动跟随C#窗口，拖动页面自动恢复到固定位置
weixin_52473844的博客
11-06 370
【代码】C# winfrom实现微信（其他应用）自动跟随C#窗口，拖动页面自动恢复到固定位置。
传统媒体终端移动化发展新趋势：融合开源 AI 智能名片与 S2B2C 商城小程序的创新探索
专注MarTech应用研究与实施方案
11-06 1226
本文围绕传统媒体在新媒体环境下终端移动化的发展展开论述。阐述了传统媒体终端移动化的现状、“三网融合”带来的技术保障以及智能终端和移动互联网技术对其转型的推动作用。进一步探讨将开源 AI 智能名片和 S2B2C 商城小程序融入传统媒体终端移动化发展的创新模式、潜在价值以及面临的挑战和机遇，展望传统媒体未来的发展方向。
开源 AI 智能名片 S2B2C 商城小程序在微商内容展示中的应用与价值
最新发布
专注MarTech应用研究与实施方案
11-08 967
本文围绕微商在社群和朋友圈这一“店面”的内容展示展开深入讨论，剖析展示对产品的热爱、产品真实反馈和代理反馈的重要意义，并详细阐述开源 AI 智能名片 S2B2C 商城小程序如何助力微商优化这些内容展示，从而提升微商营销效果和团队发展能力，为微商在数字化营销时代的发展提供新的思路和方法。
微信小程序开发在app.json文件怎么配置pages/grid/grid
10-10
在微信小程序中，`app.json` 文件是一个全局配置文件，用于设置应用的基本信息以及页面的结构。如果你想配置名为 "grid" 的页面，并将其放在名为 "grid" 的分页组中，你需要在 `app.json` 的 `pages` 属性下做如下设置： ```json { "pages": [ { "path": "pages/grid/index", "file": "index.js", "icon": "", // (可选) 图标路径，默认为空 "window": { // 如果你想让这个页面独占一个窗口，可以添加 window 配置 "backgroundTextStyle": "light", // 背景文字样式 "navigationBarBackgroundColor": "#fff", // 导航栏背景颜色 "navigationBarTitleText": "网格页面", // 导航栏标题文字 "navigationBarTextStyle": "black" // 导航栏文字样式 }, "tabBar": {}, // 如果你想在 tabBar 上显示此页面，需要在对应的 tab 中配置 "navigatorStyle": "custom", // 页面导航样式 "group": "grid" // 将页面分配到名为 "grid" 的分组中 } ] } ``` 在这个例子中，`path` 是页面的实际路径，`file` 指定 JavaScript 文件名，而 `"group": "grid"` 表明这个页面属于 "grid" 分组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

We Never say die

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值