一般考虑没有添加路由设置或路由设置写错了，如何解决？(关键词-页面加载)

Question

vue写的页面加载不出来，浏览器显示一片空白。
页面加载不出来，一般考虑没有添加路由设置或路由设置写错了。
路由设置代码如下：

Vue.use(VueRouter)
const routes = [
  {
    path: '/dormitoryAdmin',
    name: '宿舍管理员',
    component: DormitoryAdmin,
    redirect: '/absentRegister',
  },
  {
    path: '/systemAdmin',
    name: '系统管理员',
    component: SystemAdmin,
    redirect: '/dormitoryAdminAdd',
  },
  {
    path: '/login',
    name: '登录',
    component: Login
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

运行截图：

Answer 1

方案来自 梦想橡皮擦 狂飙组基于 GPT 编写的 “程秘”

---

从路由设置代码来看，如果页面加载不出来，可能是以下几个问题：

组件代码有误，导致无法渲染页面。

路由路径设置有误，导致无法访问到对应的组件。