AHNDOORI (kAUdo)

vue.js프로젝트를 개발중인데,

맥에서는 잘되는게 윈도우에서는 안되는것입니다.

제 프로젝트는 npm run serve하면 구동되게 되어있는데,

윈도우에서 실행하면 에러가 발생하면서 구동이 안되고 있습니다.

예전에 node_modules디렉토리도 함께 깃허브에 공유했었는데,

그 파일들이 복사되서 안되는것 같습니다.

그래서 npm을 재설정 해서 오류를 해결했습니다.

서버구동시 오류발생

...
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "serve"
18 verbose node v12.18.3
19 verbose npm  v6.14.6
20 error code ELIFECYCLE
21 error errno 1
22 error vue.kaudo.com@0.1.0 serve: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the vue.kaudo.com@0.1.0 serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
...

'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.

1. npm 캐시 제거

npm cache clean --force

2. node_modules 디렉토리, package-lock.json 파일 삭제

3. npm 설치

npm install

4. 서버 구동

npm run serve

접속하자마자 다른페이지로 이동하게 하려고
$router.push(이동경로) 를 설정했더니,

Error: Avoided redundant navigation to current location "주소" 오류가 찍힙니다.

이 현상은 이미 이동할 주소에 있기 때문에 발생하는것이고 정상입니다.
이 오류를 없애려면 catch로 오류를 잡아내거나, 현재주소와 같은지 비교해서 실행되지 않게 하면 됩니다.

1. catch로 오류를 무시하기
this.$router.push('/parkingLotList').catch(()=>{});

2. 현재 주소와 이동할 주소를 비교해서 실행

if(this.$route.path!=='/parkingLotList') this.$router.push('/parkingLotList')