问题描述

微信小程序 自定义 tabbar switchTab 报错 can not switch to xxx page

plaintext
1
2
3
4
5
6
7
8
9
10
11
12
Error: MiniProgramError
{"errMsg":"switchTab:fail can not switch to no-tabBar page"}
    at Object.errorReport (WAServiceMainContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at Function.thirdErrorReport (WAServiceMainContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at Object.thirdErrorReport (WAServiceMainContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at i (WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at Object.cb (WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at V._privEmit (WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at V.emit (WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1
    at n (WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1)
    at Fe (WASubContext.js?t=wechat&s=1741106172521&v=3.6.5:1)(env: Windows,mp,1.06.2412050; lib: 3.6.5)

问题原因

在 pages.json 中注释掉了原生 tabBar 配置， 但在页面中仍然使用了 switchTab 方法

解决方案

  1. 恢复 pages.json 中的 tabBar 配置

  2. 设为隐藏状态 "custom": true

json
1
2
3
4
5
6
7
8
"tabBar": {
    "custom": true, 
    "color": "#999999",
    "selectedColor": "#B92525",
    "backgroundColor": "#ffffff",
    "borderStyle": "black",
    "height": "120rpx"
  }
  1. 在页面中使用 uni.switchTab 方法
plaintext
1
2
3
uni.switchTab({
  url: '/pages/index/index'
})

水一篇 下播