[React] vercel 연동 오류 해결

react로 포트폴리오를 만들기 위해 vercel과 연동하였다.

 

기본 react파일은 별 다른 이슈 없이 잘 연동이 되었는데 어느 정도 코드를 짠 후 새로 vercel에 연동을 하려니

Treating warnings as errors because process.env.ci = true

라는 오류가 생겼다.

 

구글링을 해보니 크게 2가지의 방법이 있는데 하나는 결과적으로 내가 해결한 방법이고 하나는 netlify의 공식 페이지에 나와있는 해결방법을 이용하는 것이었다.

(일단 나는 netlify방식으로 했을 땐 새로운 오류가 떴기 때문에 더 이상 해결방법을 찾지 않고 다른 방법을 시도)

 

처음 deploy하는 페이지에서 왼쪽 상단에 있는 본인 대쉬보드로 나가 오류가 난 프로젝트로 들어간다.

 

 

위 사진 처럼 setting에 들어가 Environment Variables에 Name에는 CI을 적고 Value에는 false를 적어준 뒤 Add를 클릭한다.

 

 

 

현재 나는 오류가 해결된 상태라 Ready가 떠있을 텐데 처음에는 맨 아래 Error 하나만 있었다.

 

 

 

 

맨 오른쪽 점 세 개를 눌러 Redeploy를 누르면 오류 해결이 되었다.