[NextJs] Project Clone 후에 npm run build -> SWC Failed to Load

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

 

github에서 프로젝트를 클론한 후에 npm install하고 npm run build를 하는데, SWC failed to load 오류가 났다. 

그리고 https://nextjs.org/docs/messages/failed-loading-swc 여기를 방문해보라는 메세지가 떠서 봤더니

 

node modules과 package-lock.json을 지우고 다시 npm install을 하거나, 그래도 오류가 계속되면 .babelrc파일을 만들어라고 했다. 첫번째 노드 모듈을 지웠는데도, 다른 오류가 또 생겨서 프로젝트 자체를 다시 클론 받고, babelrc 파일을 만들어줬다!

아래와 같이 만들어주면 된다. 파일의 위치는 최상단이다!

 

.babelrc

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

 

 

이렇게 수정하고 다시 build를 했더니 잘 된다!!!!! 해결!!! 

 

 

 

 

 

그래서 나는 궁금해졌다. 

.babelrc가 뭔데? 

https://mindevlog.tistory.com/130

babel.config.js vs .babelrc