Vue登录页面跳转空白但不报错

const routes = [

  {

    path: '/',

    name: 'LOgin',

    component: LOgin

  },

  {

    path: '/REgister',

    name: 'REgister',

    component: REgister

  },

  {

    path: '/HomeView',

    name: 'HomeView',

    component: HomeView

  },

  {

    path: '/AboutView',

    name: 'AboutView',

    // 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/AboutView.vue')

  }

]

我的问题：

就是点击按钮跳转，跳转成功但是显示是空白

解决办法（但不了解这个方法的妥当性，没了解原理）

就是紫色加粗那里，本来path后面就是“/”的，然后我把文件名也补上，这样页面就出来了

不过控制台那边显示一个问题 

[vue-router] Duplicate named routes definition: { name: "REgister", path: "/REgister" }

欸  我后面刷新之后，这个问题又没显示了。。。