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

[이병현]

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

 

제가 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')

[codingapple]

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

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

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

[이병현]

라우터강의 진행전 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

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

[codingapple]

npm run serve 입력하실 때

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

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

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

[이병현]

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설치후 만든 프로젝트이고 블로그 프로젝트로 들어와서 다시 실행하였습니다.

동일한것 같습니다.

[이병현]

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

답변 감사합니다.

[글쓴이]

글