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