Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법

|

요약

image 157
Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법 7

뷰를 시작해보니 ~ 에러가 계속 뜨는 모습을 볼 수 있습니다.
왜그런가 하고 마우스를 가져다 댄 뒤 에러를 보니

image 158
Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법 8
Parsing error: No Babel config file detected for /Users/mac/Documents/github/220826_vue_apple/vuestagram/src/App.vue. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.eslint

위와 같은 에러가 뜹니다. 이는 VS Code 설정이 안되어서 생기는 문제입니다.

해결법

image 159
Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법 9

F1 키 또는 상단 메뉴에서 보기 > 명령 팔레트에 들어갑니다.

image 160
Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법 10

기본설정 : 사용자 설정 열기 (JSON) 을 선택합니다.
만약 수정이 안된다면 기본설정: 설정 열기(UI) 로 들어가셔도 됩니다.

image 162
Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법 11

기본설정: 설정 열기(UI) 로 들어갔을 경우 우측의 파일 아이콘을 클릭해서 들어갑니다.

image 161
Vue | 에러 Vue3 Parsing error: No Babel config file detected for.. 해결법 12
"eslint.workingDirectories": [
        {"mode": "auto"}
]

위의 내용을 추가합니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

클릭하여 복사