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

home2 게시판 Vue 게시판 라우터 기능 설정시 main.js에서

라우터 기능 설정시 main.js에서

  • 이 주제에는 6개 답변, 2명 참여가 있으며 이병현4 년 전에 전에 마지막으로 업데이트했습니다.
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #9819

    이병현
    참가자

    안녕하세요 코딩애플 강사님 제가 해결못하고있는게 있어서 답변 부탁 드립니다.

     

    제가 npm run serve시 에러가납니다. 강의에서 언급해주신 문제해결케이스에 없는것 같아서 불가피하게 이리저리 시도해보다가 다른버전을 설치하였고 현재 npm run serve 까지 가능합니다. 강의를 계속해서 들었고 라우터 설정부분에서 main.js파일을 들어갔을때 강사님과 코드가 다르게 나오는걸 확인했습니다.(그 전까지는 동일함 모든 기능 실행 가능했음) 버전문제일것이라는 예상이 되지만 여기서 더 만지가보면 꼬일것 같아서 그냥 진행하려고하는데요.

     

    라우터에서 .use코드 넣으려고했으나  코드가 달라서 해결방법을 알고계시다면 부탁드리겠습니다.

     

    main.js에서 저의 코드입니다. 

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

    Vue.config.productionTip = false

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

    #9827

    codingapple
    키 마스터

    프로젝트생성시 vue 2버전을 선택하셨군요 거기선 뷰 라우터 3버전을 설치해서 쓰셔야합니다 

    그러려면 또 셋팅할때의 문법이 살짝달라져서 vue-router 3버전 사이트를 참고해서 설치해주셔야합니다만

    그냥 vue 3버전 설치시 문제되는걸 해결합시다 3버전설치시 무슨 에러가 뜨나요

    #9832

    이병현
    참가자

    라우터강의 진행전 cli버전 최신으로 설정하였습니다.

    PS C:\Users\priva\Desktop\vue> node -v
    v14.17.0
    PS C:\Users\priva\Desktop\vue> npm -v
    7.15.0

    npm install -g @vue/cli

    npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
    npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
    npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
    npm WARN deprecated har-validator@5.1.5: this library is no longer supported
    npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
    npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
    npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
    npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
    npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
    npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
    npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'

    added 137 packages, removed 103 packages, changed 808 packages, and audited 946 packages in 41s

    59 packages are looking for funding
    run npm fund for details

    5 high severity vulnerabilities

    Some issues need review, and may require choosing
    a different dependency.

    Run npm audit for details.

    실행후 에러메시지 참고해서 npm install joi실행후 npm run serve까지 설치하고 로컬호스트 8080으로 웹브라우저에서 run serve하였습니다. 

    그리고나서 라우터설정하기위해서 부트스트랩부터 main.js에 임포트후 npm run serve시 에러 메시지가 아래와 같이 발생하였습니다.

    PS C:\Users\priva\Desktop\vue> npm run serve
    npm ERR! Missing script: "serve"
    npm ERR!
    npm ERR! To see a list of scripts, run:
    npm ERR! npm run

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\priva\AppData\Local\npm-cache\_logs\2021-05-30T12_02_57_260Z-debug.log
    PS C:\Users\priva\Desktop\vue> npm run
    PS C:\Users\priva\Desktop\vue> npm run serve
    npm ERR! Missing script: "serve"
    npm ERR!
    npm ERR! To see a list of scripts, run:
    npm ERR! npm run

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\priva\AppData\Local\npm-cache\_logs\2021-05-30T12_08_11_472Z-debug.log

    해결을 못하고있습니다. 답변부탁드립니다.

    #9860

    codingapple
    키 마스터

    npm run serve 입력하실 때

    1. 방금생성한 프로젝트 폴더를 에디터로 오픈하시고

    2. 거기서 새로운 터미널을 여신 다음에 입력하셔야합니다

    아마 폴더오픈을 안하신듯요?

    #9862

    이병현
    참가자

    PS C:\Users\priva\Desktop\vue\blog> npm run serve
    npm ERR! Missing script: "serve"
    npm ERR!
    npm ERR! To see a list of scripts, run:
    npm ERR! npm run

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\priva\AppData\Local\npm-cache\_logs\2021-05-31T04_37_31_994Z-debug.log

     

    blog는 vue create blog로 cli설치후 만든 프로젝트이고 블로그 프로젝트로 들어와서 다시 실행하였습니다.

    동일한것 같습니다.

    #9863

    이병현
    참가자

    어휴 감사합니다. 드디어 해결되었습니다. 

    답변 감사합니다.

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

About

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

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

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