inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

프로젝트 구성

질문있습니다.

해결된 질문

524

aa

작성한 질문수 7

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시간 넘게 찾아봐도 해결이 안됩니다ㅠㅠ 이거때문에 진도를 못나가고 있어요..ㅠㅠㅠ

vue.js

답변 1

0

짐코딩

안녕하세요 :)

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

  1. 디렉토리 확인

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

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

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

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

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

1

aa

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

0

짐코딩

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

화이팅~!! 💪

0

aa

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

0

짐코딩

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

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

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

npm init vue@3.1.9

0

43

2

크롭 웹스토어 vue devtools 설치 관련

0

43

1

snippets 작성하는 부분 설명이 있었나요?

0

51

2

computed 의 set 함수를 통해 const 변수에 값을 담는 부분

0

58

2

소스 공유 어디서 해야하는지 궁금합니다

0

62

2

component 등록과 사용

0

59

2

강의교안

0

58

2

eslint 룰 관련 질문이 있습니다.

0

67

2

npm init -y 명령어 실행에 관한 질문

1

156

2

volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.

1

169

2

깊은 감시자 질문

0

90

2

정리된 내용

0

157

2

화면이 왜 이렇게 뜨는걸까요?

0

188

2

왜 다르게 뜰까요..?ㅠㅠ

0

158

2

npm init vue , npm create vue@latest 명령 오류

0

295

2

강의를 듣다보니 궁금한 점 질문드립니다.

0

144

2

watch강의 질문

0

153

1

강의 듣다가 질문드립니다.

0

122

1

이벤트 처리 부분 강의 실습

0

141

2

v-pre는 설명이 없나요?

0

154

2

AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다

0

147

1

개발자도구 Vue 탭 관련 문의

0

241

2

강의를 인텔리제이로 수업따라가도 되져?

0

179

2

API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?

3

282

2