Framework7无法正确路由到首页 而是路由到了其他页面

Question

最近使用下面这些做了个软件

• Framework7
• Framework7-vue
• Webpack
• Cordova（和此问题无关）

然而本来好好的，但是我有一次设置了如下路由：

import Layout from './components/layout.vue';
import HomePage from './components/home.vue';
import BookPage from './components/book.vue';
import LoginPage from './components/login.vue';
import BookByAllPage from './components/bookpages/byall.vue';

export default [
  {
    path: '/',
    component: Layout,
    tabs: [
      {
        path: '/',
        id: 'home',
        component: HomePage
      },
      {
        path: '/book/',
        id: 'book',
        component: BookPage
      }
    ]
  },
  {
    path: '/book/:bookType/byall/:buildingID/:bookDate/',
    component: BookByAllPage
  }
];

使用npm run dev运行 Webpack 服务器后，在浏览器中打开http://localhost:8080/，就直接进入了BookByAllPage页面，而不是Layout。

使用 Nested Router 仍然有这个问题。使用 Google Chrome 的 Vue 插件插件渲染的页面，根元素直接就是 BookByAll（BookByAllPage 的组件名字）这个页面。

请问这个是什么问题啊?