Горячая перезагрузка маршрутизатора Vue не работает при отложенной загрузке маршрутизатора в проекте машинописного текста - PullRequest
Новая
       34

Горячая перезагрузка маршрутизатора Vue не работает при отложенной загрузке маршрутизатора в проекте машинописного текста

0 голосов
/ 27 сентября 2019

Я новичок в 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' по умолчанию.Это не проблема, потому что это работает синхронно (плюс, я попробовал это с другими дочерними маршрутами).

Странно то, что при ленивой загрузке страница не обновляется (горячая загрузка), пока я не проверю с помощью инструмента браузера.Даже когда я принудительно обновляю браузер, он не появляется.Когда я открываю инспектор, я вижу домашний компонент в браузере.Почему компонент «Домашняя страница» отображается только при открытии инспектора?

...