Parsing error: No Babel config file ... - 인프런

Vue.js 시작하기 - Age of Vue.js

CLI로 생성한 프로젝트 폴더 구조 확인 및 main.js 파일 설명

Parsing error: No Babel config file detected... 에러문의드리겠습니다

작성

10K

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 
- 먼저 유사한 질문이 있었는지 검색해보세요. 
- 서로 예의를 지키며 존중하는 문화를 만들어가요. 
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요 강사님 실습을 하는 도중에 다음과 같은 에러가 발생해서 문의 드립니다.

위와 같은 에러가 발생하는데 구글링을 해도 javascript 생태계에 익숙하지 않아서 그런지 원인을 찾지 못하겠습니다.

babel.config.js 파일을 찾지 못해서 발생하는 문제인 것 같은데

다음과 같이 프로젝트 파일 구조상으로는 존재합니다.

babel.config.js 파일의 내용은 다음과 같습니다.

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

설치된 @vue/cli version은 5.0.1입니다.

도대체 무엇이 문제인 것일까요? 아무리봐도 원인을 잘 모르겠습니다. 강사님께서 도와주시면 감사하겠습니다

답변 1

질문자

자문자답 합니다. ㅠ.ㅠ 일단은 vue-cli로 폴더를 생성하고 Visual Studio Code를 vue-cli로 생성한 폴더로 지정하로 새로 열면 일단 에러메시지는 안뜹니다. 이유는 모르겠습니다 ㅎㅎ ㅠ.ㅠ

지식공유자

네 이건 VSCode에서 프로젝트의 ESLint 설정 파일을 인식하는 부분에서 에러가 난 것 같아요. 요건 세팅 파일(json)에 아래 내용 추가해 주시면 됩니다 :)

"eslint.workingDirectories": [
{"mode": "auto"}
],

질문자

감사합니다 한번 적용해보겠습니다

ESLint 익스텐션의 settings.json에 저 옵션 추가하니까 해결되네요. 감사합니다:)!!!