no message

src/router/routes.ts

 import { RouteRecordRaw } from 'vue-router'
-
+const MainLayout = ()=>import('layouts/MainLayout.vue') 
+const HotelList = ()=>import('pages/hotel/HotelList.vue')
+const HotelOrder = ()=>import('pages/hotel/HotelOrder.vue') 
+const ModifyHotelOrder = ()=>import('pages/hotel/ModifyHotelOrder.vue')
+const personal = ()=>import('pages/personal/personal.vue')
+const login = ()=>import('pages/auth/login.vue')
+const regist = ()=>import('pages/auth/regist.vue')
+const forget = ()=>import('pages/auth/forget.vue')
+const newpassword = ()=>import('pages/auth/newpassword.vue')
+const Error404 = ()=>import('pages/Error404.vue')
 const routes: RouteRecordRaw[] = [
   {
     path: '/index',
     component: () => import('layouts/MainLayout.vue'),
     children: [
-      { path: '', component: () => import('pages/Index.vue') },
-      { path: '/hotel', component: () => import('pages/hotel/HotelList.vue') },
-      { path: '/hotel/order/:orderId?', component: () => import('pages/hotel/HotelOrder.vue') },
-      { path: '/hotel/modify/:orderId', component: () => import('pages/hotel/ModifyHotelOrder.vue') },
-      { path: '/personal', component: () => import('pages/personal/personal.vue')}
+      { path: '', component: MainLayout },
+      { path: '/hotel', component: HotelList },
+      { path: '/hotel/order/:orderId?', component: HotelOrder },
+      { path: '/hotel/modify/:orderId', component: ModifyHotelOrder },
+      { path: '/personal', component: personal }
     ]
   },
   {
     path: '/auth/login',
-    component: () => import('pages/auth/login.vue')
+    component: login
   },
   {
     path: '/auth/regist',
-    component: () => import('pages/auth/regist.vue')
+    component: regist
   },
   {
     path: '/auth/forget',
-    component: () => import('pages/auth/forget.vue')
+    component: forget
   },
   {
     path: '/auth/newpassword/:code',
-    component: () => import('pages/auth/newpassword.vue')
+    component: newpassword
   },
   // Always leave this as last one,
   // but you can also remove it
   {
     path: '/:catchAll(.*)*',
-    component: () => import('pages/Error404.vue')
+    component: Error404
   }
 ]