在打字稿项目中的路由器中延迟加载时，Vue路由器热重新加载不起作用

Question

我是vue的新手，正在构建我的第一个应用程序。我正在关注一个教程，并注意到一种在路由器中延迟加载的方法：

import Vue from 'vue'
import Router from 'vue-router'
import MainContent from '@/layout/main-content.vue'
import Home from '@/views/home.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
     {
       path: '/',
       component: MainContent,
       children: [
          {
             path: ''
             //This works
             component: Home
             //This doesn't work
             component: () => import('@/views/home.vue')
          },
          {
             path: 'home'
             //This works
             component: Home
             //This doesn't work
             component: () => import('@/views/home.vue')
          }
       ]
     }
  ]
})

您可以在上面的示例中看到，我正在展示同步方式和异步方式。 home组件有两条路径，因为我需要能够支持根目录“ /”和默认的“ / home”。这不是问题，因为它以同步方式工作（另外，我尝试了其他子路由）。

奇怪的是，当我延迟加载时，直到我使用浏览器工具进行检查，页面才会刷新（热加载）。即使我在浏览器中强制刷新，它也不会出现。当打开检查器时，我会在浏览器中看到home组件。为什么在打开检查器时只看到Home组件？