我在app.json中添加了增加底部選項卡的代碼如下：

{
  "pages":[
    "pages/index/mjkf",
    "pages/goodsDetail/detail"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#333",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"#FFFFFF",
    "enablePullDownRefresh": true
  },
  "tabBar": {
    "backgroundColor": "#333333",
    "color": "#FFFFFF",
    "selectedColor": "#32c1d4",
    "borderStyle": "black",
    "list": [
      {
        "pagePath": "pages/index/mjkf",
        "text": "首頁",
        "selectedIconPath": "pages/assets/imgs/redbag.png",
        "iconPath": "pages/assets/imgs/redbag.png"
      }, 
      {
        "pagePath": "pages/goodsDetail/detail",
        "text": "商品詳情",
        "selectedIconPath": "pages/assets/imgs/redbag2.png",
        "iconPath": "pages/assets/imgs/redbag2.png"
      }
    ]
  }
}

選項卡確實是出來了，但是，當我在js中調用wx.navigateTo時頁面卻無法跳轉了，這是為什么呢？

wx.navigateTo({
          url: '../goodsDetail/detail?id='+data.id,
          success: function(res){
            // success
          },
          fail: function() {
            // fail
          },
          complete: function() {
            // complete
          }
        })

注：這個跳轉頁面的邏輯在添加tabBar之前還是沒問題的，可以正常跳轉