diff --git a/src/router/index.js b/src/router/index.js
index 0eb1c8311b0fd539b2d046fadbff4f0583a2678a..e8b7b8400d1ab318cab7e33fbe60190b395a05c3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Home from '../views/Home.vue'
-import MyPage from '../views/MyPage.vue'
+// import MyPage from '../views/MyPage.vue'
 
 const routes = [
   {
@@ -19,7 +19,7 @@ const routes = [
   {
     path: '/mypage',
     name: 'MyPage',
-    component: MyPage
+    component: () => import('../views/MyPage.vue')
   }
 ]