본문 바로가기

카테고리 없음

netlify 배포 시 주의 사항

상황

로컬에서 실행할 때는 warning인 것들이 배포 시에는 오류가 되어 빌드가 안되는 문제가 발생한다.

Building에서 실패하여 다른 단계로 넘어가지 못한 것을 확인했다.

 

원인

빌드 시에 문제가 생겼을 때 로그를 확인할 수 있다.

아래 로그를 보면 사용하지 않는 useState, React 를 선언하여 문제가 발생했다.

 

해결 방법

1. 모든 warning을 해결한다. ⭐
2. CI = false로 비활성화

 

첫번째 방법

수정 후 다시 push 하면 빌드가 성공적으로 마치고 정상 배포된 것을 확인할 수 있다.

 

두번째 방법

이 방법은 정석적인 방법은 아니지만 Bulid command를 CI = false npm run build 로 변경하여 해결할 수도 있다.

CI 환경에서 빌드를 하면 일부 라이브러리가 이전에는 단지 경고였던 부분에서 빌드를 중단시키는 오류로 해석할 수 있다. 따라서 CI를 비활성화(false) 하여 다시 빌드할 수 있다.

 

참고

https://velog.io/@day_1226/React-Netlify-%EB%B0%B0%ED%8F%AC-%EC%98%A4%EB%A5%98-%EB%BF%8C%EC%8B%9C%EA%B8%B0build-failed-page-not-found-netERRABORTED-404-%EB%A0%8C%EB%8D%94%EB%A7%81

https://velog.io/@day_1226/React-Netlify-%EB%B0%B0%ED%8F%AC-%EC%98%A4%EB%A5%98-%EB%BF%8C%EC%8B%9C%EA%B8%B0build-failed-page-not-found-netERRABORTED-404-%EB%A0%8C%EB%8D%94%EB%A7%81