VSCode Parsing error: No Babel config file detected for .vue, .js 파일

VSCode로 vue 프로젝트를 생성하고 .vue, .js 파일들을 클릭해서 보니 아래와 같은 빨간색 밑줄과 함께 Parsing에러가 떴다. 실행에는 문제가 없어보이지만 신경이 계속쓰여 조치 내용을 알아봤다.

 

VSCode에서 프로젝트의 ESLint 설정 파일 관련 에러라고 하는데 VSCode settings.json에서 아래 내용 추가하면 없어진다.

 

1. VSCode 단축키 ⌘,(=Code > Preference > Settings) 실행하고, 우측 상단에 아래 아이콘을 클릭한다.

2. 아래 eslint 관련 설정을 추가하는 내용 작성 후 저장한다.

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

 

3. 다시 화면을 가보면 에러가 사라진 것을 볼 수 있다.