본문 바로가기

javascript/vuejs

vue3 설치

이번에 여기 레퍼런스 자료 참고 해서 설치 해봤는데 

에러가 팍~ 뜨네...

 

https://velog.io/@song91/Vue3.js-Vue3-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1-%EB%B0%8F-%ED%99%98%EA%B2%BD%EA%B5%AC%EC%84%B1

 

[Vue3.js] Vue3 시작하기 #1-프로젝트 생성 및 환경구성

📚 Vue2 를 사용하여 개발했던 프로젝트가 종료되어 이번엔 Vue3 에 대해서 알아보려고 한다. 'Vue2 Vue3 차이점' 에 대해서는 하나하나 경험해보면서 정리할 예정이다. 1. 사전 준비 Vue 는 node.js 기반

velog.io

 

위에 레퍼런스가 문제 있는게 아니라 내 시스템 환경이 좀 오래되서 그런가?! 

새로 설치도 해보고 이것 저것 다 해봤다..

 

TypeError: Cannot read property 'version' of undefined

 

흠...  밑에 에러 내용 까지 읽어보니까 뭔가 짐작 가는게 있다.. 촉이 온다~ 

@vue/cli-plugin-eslint 이게 문제가 있다고 나옴.. (영어로 쏼라 쏼라 대서..)

 

찾아보니까 글로벌 뷰를 재 설치 하면 된다고 한다. 아래 해결 방법 읽어보면된다.

 

 

vue error 해결법 : 'vue-cli-service' is not recognized as an internal or external command / 'vue-cli-service'은(는) 내부

vue 에서 잘 실행하고 있던 vue cli 명령어가 갑자기 아래와 같은 에러를 내며 작동하지 않을 때가 있다. ex) $npm run serve 명령어 수행시 error 'vue-cli-service' is not recognized as an internal or extern..

wotres.tistory.com

 
 
 

위에 레퍼런스 보면서 그대로 따라하면 된다. 

우선 이전 버전을 삭제 후에 재 설치 한다.

 

npm uninstall vue-cli -g
npm install -g @vue/cli
 

이후에 프로젝트로 접근해서 

node_modules를 삭제 후에 재 설치 하면된다.

 

rm -rf node_modules
npm i
npm run serve

 

이러면 정상적으로 작동 된것을 볼수가 있다.

 

야호~~!!

태그