[ESLint Error] - Parsing error must use import to load es module

ESLint Error

Parsing error must use import to load es module 에러가 뜰 경우?

 

이것은 ES6 도입 이후, babel을 설정해주지 않아서 생긴 문제이다!

 

yarn add -D @babel/core @babel/eslint-parser

를 통해 설치해주고,

폴더 상단에 .babelrc를 만들어서 아래 코드를 추가하면 해결이 된다.

/ .babelrc
{
    "presets": ["next/babel"]
}