search

nmj8585 / Vue-sr

MIT License
0 stars 0 forks source link

Vuetify admin 템플릿 소스 파악하기 #10

Closed baramofme closed 3 years ago

baramofme commented 3 years ago

견본 https://demos.creative-tim.com/vuetify-material-dashboard/#/

처음부터 다 만드는 건 너무 힘들어서. 이미 잘 만들어진 견본품을 복제하고 수정하는 방식으로 가고자 함.

baramofme commented 3 years ago

@nmj8585 오류 수정하기

vuetify 버전이 업데이트 되면서 수정이 필요함


// 에러가 8 개 있어서 컴파일 실패
 ERROR  Failed to compile with 8 errors                                                                       오후 12:45:03

// 다음 파일에 오류가 있다.
 error  in ./src/views/dashboard/Dashboard.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\Dashboard.vue

  // 71번째 줄에 caption 이라고 적혀있는데 그것은 text-caption 으로 바꿔야 한다.
   71:26  error  'caption' has been replaced with 'text-caption'        vuetify/no-deprecated-classes
  145:26  error  'caption' has been replaced with 'text-caption'        vuetify/no-deprecated-classes
  212:26  error  'caption' has been replaced with 'text-caption'        vuetify/no-deprecated-classes
  287:25  error  'display-2' has been replaced with 'text-h3'           vuetify/no-deprecated-classes
  291:25  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes

✖ 5 problems (5 errors, 0 warnings)
  5 errors and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/router.js 20:15-52
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/Upgrade.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\Upgrade.vue
  14:25  error  'display-2' has been replaced with 'text-h3'           vuetify/no-deprecated-classes
  18:25  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes
  37:56  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes
  44:56  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes
  51:56  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes
  58:56  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes
  73:56  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes

✖ 7 problems (7 errors, 0 warnings)
  7 errors and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/router.js 66:15-50
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/component/Icons.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\component\Icons.vue
  16:25  error  'display-2' has been replaced with 'text-h3'           vuetify/no-deprecated-classes
  20:25  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes

✖ 2 problems (2 errors, 0 warnings)
  2 errors and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/router.js 39:15-58
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/component/Notifications.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\component\Notifications.vue
  250:29  error  'body-1' has been replaced with 'text-body-1'  vuetify/no-deprecated-classes

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/router.js 33:15-66
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/component/Typography.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\component\Typography.vue
  21:25  error  'display-2' has been replaced with 'text-h3'           vuetify/no-deprecated-classes
  25:25  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes

✖ 2 problems (2 errors, 0 warnings)
  2 errors and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/router.js 45:15-63
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/components/core/Drawer.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\components\core\Drawer.vue
  41:20  error  'display-1' has been replaced with 'text-h4'  vuetify/no-deprecated-classes

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.
js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/dashboard/Index.vue?vue&type=script&lang=js& 23:
13-47
 @ ./src/views/dashboard/Index.vue?vue&type=script&lang=js&
 @ ./src/views/dashboard/Index.vue
 @ ./src/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/components/core/Footer.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\components\core\Footer.vue
  31:23  error  'body-1' has been replaced with 'text-body-1'  vuetify/no-deprecated-classes

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.
js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/dashboard/components/core/View.vue?vue&type=scri
pt&lang=js& 16:13-31
 @ ./src/views/dashboard/components/core/View.vue?vue&type=script&lang=js&
 @ ./src/views/dashboard/components/core/View.vue
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.
js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/dashboard/Index.vue?vue&type=script&lang=js&
 @ ./src/views/dashboard/Index.vue?vue&type=script&lang=js&
 @ ./src/views/dashboard/Index.vue
 @ ./src/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js

 error  in ./src/views/dashboard/pages/UserProfile.vue

Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\M\WebstormProjects\Vue-sr\src\views\dashboard\pages\UserProfile.vue
   14:25  error  'display-2' has been replaced with 'text-h3'           vuetify/no-deprecated-classes
   18:25  error  'subtitle-1' has been replaced with 'text-subtitle-1'  vuetify/no-deprecated-classes
  148:24  error  'display-1' has been replaced with 'text-h4'           vuetify/no-deprecated-classes
  152:24  error  'display-2' has been replaced with 'text-h3'           vuetify/no-deprecated-classes

✖ 4 problems (4 errors, 0 warnings)
  4 errors and 0 warnings potentially fixable with the `--fix` option.

 @ ./src/router.js 27:15-60
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.113:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main
.js
baramofme commented 3 years ago

에러 수정 하는 예시

// 71번째 줄에 caption 이라고 적혀있는데 그것은 text-caption 으로 바꿔야 한다. 71:26 error 'caption' has been replaced with 'text-caption' vuetify/no-deprecated-classes

찾아보니 정말 class 가 caption 임 image

수정하라는 대로 caption 클래스명을 text-caption 로 수정함. image

nmj8585 commented 3 years ago

푸시글에 남겼지만 다시 기록하자면 K-004

이런 메세지가 있어서 무엇인지 모르겠으나 버전문제 인가 추정해서 일단 vuetify를 재설치 했고 그과정에서 디폴트(기본값)으로 넣고 하니 버전이 올라가면서 정상적으로 작동했다 K-005

급 당황 했음..... 무언가 수정할것이 없이 일단 켜지는건 정상작동했음...;;;;

정상작동은 하니 소스파악 준비 중. 아래 이슈 부터 처리 예정.

baramofme commented 3 years ago

오 굿