Vue.js

[Vue.js] Parsing error: No Babel config file detected 에러 해결

DEV_HEO 2023. 3. 29. 14:19
320x100

vue 공부하는데 파일마다 맨위에 Parsing error가 생겨서 찾아보니 

VSCode에서 프로젝트의 ESLint 설정 파일을 인식하는 부분에서 에러가 난 것이라고 한다.

 

 

Parsing error 메세지

 

Parsing error: No Babel config file detected for D:\study\Vue-study\vue-test-front\src\components\HelloWorld.vue. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.

 

 

.eslintrc.js 파일 생성하는 방법, settings.json파일 수정하는 방법 2가지 방법이 있는데

나는 settings.json파일을 수정하는 방법을 선택했다.

 

 

(1) .eslintrc.js 파일 생성하는 방법

 

[Vue.js]"Parsing error: No Babel config file detected for..." 에러 해결 방법

[문제 발생] 평화롭게 Vue를 학습하려고 프로젝트를 생성함과 동시에 App.vue 파일에서 다음과 같은 에러를 만났다. Parsing error: No Babel config file detected for [프로젝트 경로]\src\App.vue. Either disable config

goldswan.tistory.com

 

 

 

(2) settings.json 파일 수정하는 방법

 

 

Parsing error: No Babel config file detected 에러

vue.js 공부 중 vue/cli 설치 후 js파일 코드에 아래와 같은 에러가 났다. import Vue from 'vue' 빨간줄 에러 생김 ㅠ... 찾아보니 VSCode에서 프로젝트의 ESLint 설정 파일을 인식하는 부분에서 에러가 난 것이

dobby-codeup.tistory.com

 

 

 

 

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

 

 

320x100