오류해결 : 'next/babel' 오류 수정하기

오류해결 : 'next/babel' 오류 수정하기

---

• next로 프로젝트를 만들때마다 import 부분에 오류가 뜨는데 대부분은 babel module을 못찾았다는 오류이다.
• 저 오류는 enslint 에서 parsing error를 알려주는건데 여간 성가신게 아니다, 지금 난 babel을 설치하지도 않았는데
  찾다보니 enslint 설정에 babel을 추가하면 되는거라 해결법을 공개한다. 
• 생각해보니 옛날에 babel을 설치하긴 했는데 현재는 사용하지않아서 잊고있다가 이런 오류가 가끔 뜰때마다 '아 옛날에 설치했었지!' 라고 하는 정도다.........  에러는 항상 뜨는 듯.. 

 

 

 

 

babel 을 사용중이라면 

---

.babelrc 를 만든다음 아래의 내용을 추가해준다.

{
  "presets": ["next/babel"],
  "plugins": []
}

그리고  .eslintrc 에 아래 내용을 추가해준다.

 

{
  "extends": ["next/babel","next/core-web-vitals"]
}

 

 

 

 

babel을 사용하고 있지 않다면

---

 .eslintrc 에 아래 내용을 추가해준다.

 

{
  "extends": ["next/babel","next/core-web-vitals"]
}

 

 

 

오류가 사라진것을 볼수있다.

별다른 걸 한건 아니고, json에 babel을 추가해줌으로 eslint가 모듈을 찾을수 있게 해준것이다.