微信小程序： navigator 设置 openType="switchTab"不起作用

最近刚开始学习小程序，官方文档不够充分的组件说明导致了一些现象无法说清楚。就比如这个openType=”switchTab”，
我使用了一下这个，首先说明我的代码结构没有完全按照官网结构，只是截取了footer的功能。
如图：

就是有一个navigator，动作是用switchTab的方式跳转到首页面。我看了官方说实例是可以跳转的，但是我自己代码里面就没有办法跳转。
代码：

<template name="foot">
  <navigator class="page-foot" url="/pages/home/home" hover-class="none">
    <image class="icon-foot" src="../../../../image/icon_foot.png"></image>
  </navigator>
</template>  

经过了各种尝试都没能跳转之后，我就在考虑是不是架构不符的原因。于是新建了一个类似的项目发现，只有在app.json中定义了tabBar的list中的pagePath才可以跳转过去，
app.json

"tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [{
      "pagePath": "page/component/index",
      "iconPath": "image/icon_component.png",
      "selectedIconPath": "image/icon_component_HL.png",
      "text": "组件"
    }, {
      "pagePath": "page/API/index",
      "iconPath": "image/icon_API.png",
      "selectedIconPath": "image/icon_API_HL.png",
      "text": "接口"
    }]
  },

这样一来也能说明了他的字面意思，从Tab中跳转，可能是我自己理解能力有问题，记录这篇文章，希望能帮到人，也更帮助一下自己。