微信小程序项目 tabBar 配置问题:“pages/mine/mine“ need in [“pages“]

问题与处理策略

问题描述
  • 在微信小程序项目中,配置并使用 tabBar 报如下错误

    [ miniprogram/app.json 文件内容错误] miniprogram/app.json:
    ["tabBar"][3]["pagePath"]:
    "pages/mine/mine" need in ["pages"](env: Windows,mp,1.06.2306020; lib: 3.7.8)

问题原因
  1. 错误提示在 miniprogram/app.json 文件中,tabBar 配置的某个页面的 pagePath(pages/mine/mine)没有在 pages 数组中注册

  2. 微信小程序要求所有在 tabBar 中配置的页面路径,都必须先在 pages 数组中注册

处理策略
  • miniprogram/app.json 文件中,注册好相应的页面后,再在 tabBar 中配置
json 复制代码
{
 "pages": [
   "pages/mine/mine"
   ...
 ],
 "tabBar": {
   "list": [
     {
       "pagePath": "pages/mine/mine",
       "text": "我的"
     }
     ...
   ]
 }
}
相关推荐
蓝帆傲亦1 小时前
支付宝小程序性能暴增秘籍:UniApp项目极限优化全攻略
小程序·uni-app
铅笔侠_小龙虾2 小时前
Flutter 实战: 计算器
开发语言·javascript·flutter
大模型玩家七七2 小时前
梯度累积真的省显存吗?它换走的是什么成本
java·javascript·数据库·人工智能·深度学习
2501_944711432 小时前
JS 对象遍历全解析
开发语言·前端·javascript
发现一只大呆瓜3 小时前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
阔皮大师3 小时前
INote轻量文本编辑器
java·javascript·python·c#
lbb 小魔仙3 小时前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
_codemonster3 小时前
Vue的三种使用方式对比
前端·javascript·vue.js
全栈前端老曹4 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
低代码布道师5 小时前
Next.js 16 全栈实战(一):从零打造“教培管家”系统——环境与脚手架搭建
开发语言·javascript·ecmascript