7***@qq.com
7***@qq.com
  • 发布:2022-09-18 00:46
  • 更新:2022-09-19 19:21
  • 阅读:224

【报Bug】tabBar报错,无法运行到H5平台

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.3

浏览器平台: Chrome

浏览器版本: 全是

项目创建方式: HBuilderX

示例代码:
"tabBar": {  
        "color": "#555555",  
        "selectedColor": "#007AFF",  
        "backgroundColor": "#ffffff",  
        "list": [{  
            "pagePath": "pages/index/index",  
            "text": "首页"  
        }]  
    }

操作步骤:
"tabBar": {  
        "color": "#555555",  
        "selectedColor": "#007AFF",  
        "backgroundColor": "#ffffff",  
        "list": [{  
            "pagePath": "pages/index/index",  
            "text": "首页"  
        }]  
    }

预期结果:

显示tabBar

实际结果:

不显示并报错

bug描述:

目前使用vue3模式开发,新增加入tabBar后,无法运行到浏览器,无论内置的还是外部的都不行

2022-09-18 00:46 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

测试未复现该问题,可尝试看下报错位置是什么 undefined,如确定框架问题,请提供测试工程

  • 7***@qq.com (作者)

    windows电脑会出现,好像mac不会,demo已上传

    2022-09-19 14:58

7***@qq.com

7***@qq.com (作者)

windows电脑会出现,好像mac不会,demo已上传

  • DCloud_UNI_WZF

    看起来是因为只有一个页面,而且给该页面配置tabbar导致,更准确的说是给该项目下所有页面都配置为 tabbar item

    2022-09-19 15:59

  • 7***@qq.com (作者)

    回复 DCloud_UNI_WZF: 的确是,我又创建了一个页面,就正常了,神奇的bug

    2022-09-19 16:23

  • DCloud_UNI_WZF

    回复 7***@qq.com: 我又测试了下,应该是只有一个页面,且该页面配置为 tabBar/list/item 时才会出现该问题,其他情况不会出现该问题,文档中有说明tabbar/list/item 应该至少有两项

    2022-09-20 12:17

  • 7***@qq.com (作者)

    回复 DCloud_UNI_WZF: 是的,tabar/list的数量必须小于等于页面数量,应该是这个原因

    2022-09-21 15:18

该问题目前已经被锁定, 无法添加新回复