HbuilderX报错提示：pages.json tabBar[‘list‘][1][‘pagePath‘] “pages/sort/sort“ 需在 pages 数组中的解决方法

秋月华星

已于 2023-08-29 15:35:21 修改

阅读量3.6k

点赞数 1

分类专栏：小程序文章标签：前端微信小程序

于 2023-01-22 15:48:21 首次发布

本文链接：https://blog.youkuaiyun.com/llssdshiyi/article/details/128749249

版权

小程序专栏收录该内容

8 篇文章

订阅专栏

文章介绍了如何正确配置pages.json文件，包括设置应用启动页和底部导航栏。在pages数组中，每个对象代表一个页面，包含路径和样式信息，如navigationBarTitleText。同时指出了常见错误，如新增页面时需完整添加配置，以及tabBar的pagePath不应包含前导斜线。

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

pages.json正确配置页面示例

"pages": [ //pages数组中第一项表示应用启动页
		{
			"path": "pages/home/home",
			"style": {
				"navigationBarTitleText": "首页"
			}
		},
    {//！！错误原因1：每新增一个.vue页面都要加这么一套
    	"path": "pages/sort/sort",
    	"style": {
    		"navigationBarTitleText": "分类"
    	}
    }
	],
	
  "tabBar": {//底部导航
    "selectedColor": "#50b686",
    "list": [
      {
        "pagePath": "pages/home/home",   //！！错误原因2：路径最前面不用加/
        "text": "首页",
        "iconPath": "static/tab_icons/main.png",
        "selectedIconPath": "static/tab_icons/main1.png"
      },
      {
        "pagePath": "pages/sort/sort",
        "text": "分类",
        "iconPath": "static/tab_icons/sort.png",
        "selectedIconPath": "static/tab_icons/sort1.png"
      }
    ]
  },