本文主要是介绍微信小程序异常：navigateTo:fail can not navigateTo a tabbar page，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
场景还原
微信小程序利用路径wx.navigateTo跳转界面时发送异常
跳转代码
showDetail(e){// 获取图片绑定的ID编号let id = e.currentTarget.dataset.id;// 指定编号查询 携带参数到详情界面 wx.navigateTo({url: '/pages/details/details?id=' + id,})}
异常代码
WAServiceMainContext.js:2 Error:
MiniProgramError {"errMsg":"navigateTo:fail can not navigateTo a tabbar page"}
原因分析
在app.json中的tabBar关联了details详情界面产生冲突，而官方文档要求wx.navigateTo 无法跳转到 tabBar 中定义的界面，只需要把tabBar换成其他界面就可以！
app.json代码
"tabBar": {"list": [{"pagePath": "pages/details/details","text": "详情","iconPath" : "images/b_1.png","selectedIconPath" : "images/b_5.png"},]}
核心原因
- 保留当前页面，跳转到应用内的某个页面。
- 但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。
- 小程序中页面栈最多十层。
参考文档
微信小程序-API-路径-wx.navigateTo
这篇关于微信小程序异常：navigateTo:fail can not navigateTo a tabbar page的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
