[vue3 error] Vue packages version mismatch: vue-template-compiler@2.7.14, vue@3.3.4 (해결)

vue2를 사용하면 간단히 에러메시지에서 제안하는 내용으로 쉽게 해결이 가능하지만, 난 vue3를 사용하고 있어서 vue3 버전과 vue complier 버전이 맞지 않아 구글링을 해야 했다. 참 신기하게도 vue-template-compiler 2.7.14버전과 vue3 버전인 3.3.4 버전을 설치 후 실행도 잘 됬었다. 잘 되다가.. 물론 여러가지 뭘 건드린것 같긴 한데 이런 에러가 떠버렸다. 에러에서 제시하는 해결방법을 번역해보면, vue-loader@>=10.0을 사용하는 경우 vue-template-compiler를 업데이트하기만 하면 됩니다. vue-loader@

• format_list_bulleted 프로그래밍/Vue3+SpringBoot
• · 2023. 6. 20.
• textsms

[vue] npm install 명령어 정리

vue 공부를 하다보니 정말이지 환경설정 잡는게 제일 어려운것 같다. 각 패키지 버전이 안맞으면 계속 에러나고, 에러를 잡고 다른 패키지 설치하면 또 에러가 나고 그래서 NPM 설치 명령어 정리를 해야겠다. 모든 옵션은 레퍼런스를 참고하면 되고, 내가 사용해본 옵션들 위주로 정리해본다. NPM install (전체 설치) npm install npm i package.json에 정의된 모든 패키지를 설치한다.(dependencies와 devDependencies ALL), 에러가 나거나 프로젝트를 시작할때, 재빌드할때, 배포환경에서 빌드할때 등의 상황에서 사용. NPM uninstall (패키지 삭제) npm uninstall vue-loader npm rm vue-loader 패키지를 제거할때 사용된다..

• format_list_bulleted 프로그래밍/Vue3+SpringBoot
• · 2023. 6. 19.
• textsms

[vue] package.json NPM Package 관리, 업데이트 방법

vue 공부를 하다보면 책과 오픈소스로 공부하게 되는데, package.json의 dependencies, DevDependencies 버전관리가 전부 다르다. 여기서 dependencies는 배포 환경의 의존성, DevDependencies는 로컬 개발환경의 의존성이다. 배포할때 없으면 안되는 필수 의존성(vue, vue-router, vuex ... 등) 을 dependencies에 넣고, 개발환경에만 필요한 의존성은 DevDependencies에 넣는다. (배포,로컬 어디다 배치하는 부분은 삽질을 여러번 해봐야 할 것 같다) 나같은 경우는 아직 공부중이라 dependencies는 이렇게 배치해봤는데, 여기서 더 줄여서 개발환경으로 옮겨도 될것같다. 배포환경의 의존성을 줄이는 이유는 보기 편하라고도 ..

• format_list_bulleted 프로그래밍/Vue3+SpringBoot
• · 2023. 6. 19.
• textsms