错误：{"errMsg":"navigateTo:fail can not navigateTo a tabbar page"}

 

在微信小程序中，想在首页中添加一个跳转到我的页面的的点击按钮。

index.wxml

<button type="default" bindtap="goTomypage">跳转到卤蛋的页面</button>

index.js

goTomypage: function(){ wx.navigateTo({ url: '../mypage/mypage', })

这时候，调试运行的时候老是报错，开始是路径报错，这里提示路径需要使用相对路径。

改完之后，错误是

VM2701:1 (in promise) MiniProgramError {"errMsg":"navigateTo:fail can not navigateTo a tabbar page"} Object console.error @ VM2701:1 errorReport @ VM2708 WAService.js:2 thirdErrorReport @ VM2708 WAService.js:2 (anonymous) @ VM2708 WAService.js:2 f @ VM2708 WAService.js:2 i @ VM2708 WAService.js:2 (anonymous) @ VM2708 WAService.js:2 value @ VM2708 WAService.js:2 o @ VM2708 WAService.js:2 (anonymous) @ VM2708 WAService.js:2

大概意思是不可跳转到tabber页面，就是无法跳转到 导航卡上面已经存在的页面。

由于在底部tabbar里面定义乐同样连接地址的bar,如果在底部footer页面定义了相同地址的bar,则此页面无法跳转，、

再看一下app.json里面定义的导航卡项；

错误就在这里，

结论：

当tabbar定义了相同的跳转地址在页面中不要再定义相同的跳转链接了。