[2019.07.04] Gatsby - develop은 되지만, build 시 failed 날 때 해결 법

 

3~4일 간 Gatsby를 이용하여 포트폴리오를 제작하였다. (죽는 줄...)

 

개발하는 동안 개츠비에 기본 스크립트 명령어로 되어있는 'npm run dev'로 작업물을 돌리면서 확인했다.

 

개발하는 중에는 문제가 없었는데, 오늘 배포를 시도하려고 build를 돌리니 아래와 같은 에러 메시지가 출력되었다.

 

 

'Error: original.line and original.column are not numbers -- you probably meant to omit the original mapping entirely and only map the generated position. If so, pass null for the original mapping instead of an ob
  ject with empty or null values.'

 

# 해결하기 위해 구글링으로 작업해 본 내용들

• node_modules, .cache, public디렉토리 삭제 후 npm install 하고 다시 build
• package.json에 아래 속성 추가

 "resolutions": {
    "d2/left-pad": "1.1.1",
    "c/**/left-pad": "1.1.2"
  }

 

이후에도 뭔가 webpack 버전 등등 내용이 많았다. 

 

# 결정적인 해결방법

1. yarn 설치 (나는 지금까지 yarn 말고 npm만 사용했다.)
2. node_mocudes, .cache, public 삭제 후 yarn install 하고 yarn으로 build

 

이러니까 해결되었다.

내가 쓰고 있는 포트폴리오의 개츠비 보일러플레이트가 yarn으로 배포된 거라서 그런가 보다..

---

Gatsby를 쓰니까, 배포가 무척 쉽다. netlife라는 서비스와 연동이 되어서, AWS S3 버킷에 자동 배포하듯이, 그냥 배포 및 빌드가 된다.

지금은 포트폴리오만 만들었지만, 다음에는 블로그로 도전해 봐야겠다.