当前位置: 代码迷 >> 综合 >> 解决报错(in promise) MiniProgramError {“errMsg“:“navigateTo:fail can not navigateTo a tabbar page“}
  详细解决方案

解决报错(in promise) MiniProgramError {“errMsg“:“navigateTo:fail can not navigateTo a tabbar page“}

热度:15   发布时间:2024-02-08 15:17:10.0

今天复习了微信小程序,练习路由跳转的时候,在操作的时候在控制台出现以下错误信息。

如图所示:
在这里插入图片描述
翻译过来的意思是:(承诺中)微程序错误{“errMsg”:“n”avigateTo:故障can未导航到选项卡页“}对象

报错的原因:

看过官方文档,才知道使用wx.navigateTo()这种路由跳转方式,需要保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 的页面。

解决办法:

只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就行了。

我就简单说一下我用wx.navigateTo()方式实现的小程序路由跳转过程

1.触发一个点击事件

<view bindtap="toDetail"></view>

2.在js文件中设置路由跳转

 // 路由跳转toDetail(){wx.navigateTo({   url:"/pages/detail/detail"})},

wx.navigateTo()路由跳转方式可以实现历史回退

大家也可以去了解一下其他的路由跳转方式

关于路由详解可查阅官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

  相关解决方案