安装后，vuetify在firefox上显示空白页

Question

我已经按照本教程设置了我的vuetify项目：https://www.youtube.com/watch?v=FbEW3xAmhKs

我做了以下事情： vue create vuetify-test->我选择“手动”-> Babel，Router，linter->历史路由器（是）->仅具有错误预防功能的Eslint

就这样。之后，我运行“ npm run serve”，然后单击localhost ...- link，我得到一个空白页。使用firefox中的开发人员工具，我可以看到所有标签都位于一行的顶部。我在做什么错？？

// router.js

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

    Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
    }
  ]
})