[Vue3] Parsing error: No Babel config file detected 오류

참고

https://github.com/babel/babel/issues/11975

 

에러

Vue2 -> Vue3로 마이그레이션을 진행하는 도중에

아래같은 에러가 발생했다.

 

원인

프로젝트의 ESLint 설정 파일을 인식 못해서 발생한 에러였다.

찾다보니 공통적으로 Vue3 버전 환경에서 이런 오류가 많이들 발생하는 걸로 보였다.

Vue CLI 버전에 따라 Babel 설정이 다르게 적용될 수 있는데, Vue 3부터는 이전  Vue 2와는 다른 Babel 구성을 갖기 때문에 이에 따른 설정을 추가로 해주지 않아 그런듯했다.

 

해결

프로젝트 root에 eslintrc.js 파일을 아래와 같이 설정했다.

babel.config.js 에서 발생했던 오류가 사라졌다.