vercel pageerror at /: Error: Network Error
⚛️

vercel pageerror at /: Error: Network Error

Tags
React
Property
Published
May 24, 2021
slug
vercel-build-error2

vercel 빌드 에러 pageerror

pageerror at /: Error: Network Error

at t.exports (../node_modules/axios/lib/core/createError.js:16:14)
 

원인

axios
url 에 http:// 포함되어 있을 경우
 

해결방법

  • /path 형태로 바꾸기
  • setupProxy 설정해주기 → 개발시
  • vercel.json 추가 → 배포시
 
아래와 같은 또 다른 에러 발생

기타 build error

pageerror at /: TypeError: t.map is not a function

.map 함수를 사용하는 곳 확인하기
Array([data...]) → 한번더 풀어주기
data.map → [...data].map
 

pageerror at /: TypeError:

? 옵셔널 체이닝으로 데이터 체크 해주기
data.function → data?.function

pageerror at /: RangeError: Invalid time value

 
온갖 에러가 다 난다.
 

Vercel 빌드 옵션 끄기

CRA 프로젝트 빌드후 gh-pages로 deploy
master에서 push할때마다 빌드 환경이 달라서 에러가 발생하기 때문에 배포된 gh-pages 브랜치만 바라보도록 설정하기.
General > Build > development Setting > Framework Preset
Other ← CRA가 아닌 Other 로 설정해야 한다.
 
Git > Production Branch > gh-pages