강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

aa님의 프로필 이미지
aa

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

프로젝트 구성

질문있습니다.

해결된 질문

작성

·

506

·

수정됨

0

안녕하세요~ 지금 회사도 vue3사용중인데요, 회사 프로젝트는 잘 열립니다. 근데 인강을 따라하다가 에러가 떠서요!

PS C:\Users\MAoo\Desktop\practice\Vue> npm install

npm ERR! code ENOENT

npm ERR! syscall open

npm ERR! path C:\Users\MAoo\Desktop\Practice\Vue/package.json

npm ERR! errno -4058

npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\MAoo\Desktop\Practice\Vue\package.json'

npm ERR! enoent This is related to npm not being able to find a file.

npm ERR! enoent

npm ERR! A complete log of this run can be found in: C:\Users\MAoo\AppData\Local\npm-cache\_logs\2023-10-04T07_46_21_746Z-debug-0.log

 

npm install 터미널창에 입력하면 이렇게 에러가 뜹니다.

package.json 파일도 있는데, 왜 그런지 모르겠어요..ㅠㅠ

혹시 vite 설치 안해서 그런건가요?

그리고, vsc 옆에 경고창이 뜨더라구요,

 

App_CompositionAPI.vue Doctor

❗ Use volar-service-vetur instead of Vetur

Detected Vetur enabled. Consider disabling Vetur and use volar-service-vetur instead.

❗ Bad TypeScript version

TS 4.9 has a bug that will cause auto import to fail. Please downgrade to TS 4.8 or upgrade to TS 5.0+.

Issue: https://github.com/vuejs/language-tools/issues/2190


Have any questions about the report message? You can see how it is composed by inspecting the source code.

 

2시간 넘게 찾아봐도 해결이 안됩니다ㅠㅠ 이거때문에 진도를 못나가고 있어요..ㅠㅠㅠ

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

두 가지 확인 부탁드릴게요~!

  1. 디렉토리 확인

C:\Users\MAoo\Desktop\Practice\Vue\package.json 해당 디렉토리에 package.json 파일이 존재할까요?

지금 질문 주신거 보면 디렉토리 대소문자가 조금 안맞는거 같아서요.

C:\Users\MAoo\Desktop\practice\Vue> npm install

  1. Vetur 플러그인을 비활성화 확인

Vetur 플러그인을 비활성화하셨을까요? 충돌이 의심되서요.

aa님의 프로필 이미지
aa
질문자

말씀하신대로 Vetur 플러그인 비활성화 했더니 되네요!! 감사합니다ㅠㅠ

짐코딩님의 프로필 이미지
짐코딩
지식공유자

다행이에요! 또 궁금하신 거 있으시면 어려워 마시고 언제든 질문해주세요! 🙂

화이팅~!! 💪

aa님의 프로필 이미지
aa
질문자

넵! 그런데 혹시 vite는 설치 안해도 상관없나요?!

짐코딩님의 프로필 이미지
짐코딩
지식공유자

npm init vue 또는 npm create vue 명령어를 통해 프로젝트를 생성했을 경우 Vite 기반으로 프로젝트가 스케폴딩 되기 때문에 자동으로 설치가 됩니다 :)

package.json 을 보면 관련 모듈이 설치되어 있을거에요.

참고링크 (The recommended way to start a Vite-powered Vue project)

aa님의 프로필 이미지
aa

작성한 질문수

질문하기