• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Vue 게시판 vue2에서 vue-router 설정관련 문의

vue2에서 vue-router 설정관련 문의

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #22164

    김재원
    참가자

    강사님 안녕하세요 !

    Vuetify 사용을 위해 vue3가 아닌 vue2를 통해 작업을 진행할 예정입니다.

    vue3로 할때는 vue-router가 오류없이 사용이 되는데

    vue2에서 동일한 방식으로 설정을하니 아래와 같은 오류가 발생합니다..

    main.js 설정이 잘못된건지 문의드립니다.

    (구글링 해봐도 다 아래와 같은 방식으로 진행하면 된다고 나와서...)
     

    <strong>< main.js 코드></strong>

    import Vue from 'vue'
    import App from './App.vue'
    import router from './router'

    Vue.config.productionTip = false

    new Vue({
      render: h => h(App),
      router,
    }).$mount('#app')

     
    <strong>< 에러코드 ></strong>
     

    WARNING Compiled with 16 warnings 오후 11:00:13
    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'computed' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'defineComponent' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'getCurrentInstance' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'h' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'inject' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'nextTick' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'onActivated' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'onDeactivated' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'onUnmounted' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'provide' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'reactive' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'ref' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'shallowRef' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'unref' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'watch' was not found in 'vue'

    warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

    "export 'watchEffect' was not found in 'vue'

    #22179

    codingapple
    키 마스터

    new Vue({
      render: h => h(App),
      router : router,
    }).

    이렇게 해봅시다 

    #22202

    김재원
    참가자

    여전히 동일한 오류가 발생합니다 ..

    (Vue 새 프로젝트로 만들어서 진행해도

    동일한 오류가 발생하네요..

    Vue2에 vue-router@4 인데

    혹시 버전...문제일까요??

     

    #22205

    codingapple
    키 마스터

    4버전은 Vue3에서 쓸 수 있습니다

    지우고 npm install vue-router@3버전을설치하도록 합시다 

     

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠