개발환경 구축

react error - 배포할 때 발생하는 흰 화면 Uncaught SyntaxError: Unexpected token '<' 오류

jeong_ga 2022. 8. 8. 12:46

local에서는 문제없이 돌아가다 배포환경에서 리렌더링 하면 Uncaught SyntaxError: Unexpected token '<' 오류가 발생하였다.

해당 오류는 js가 아닌 html구문으로 인식하기 때문에 발생하는 오류로 <!doctype html ... >의 <를 인식하지 못해 발생하였다.

 

세가지 방법으로 해결할 수 있는데 나는 이미 pakage.json에 homepage:"." 문구가 있기 때문에 index.html에 base를 추가하는 방법으로 위 문제를 해결하였다.

 

방법 1

"homepage": "."

pakage.json에 경로설정 추가

 

방법 2

<base href="/">

index.html head에 위 코드 추가

 

나는 두번째 방법으로 위 오류를 해결하였고, 이 두가지 방법으로도 해결하지 못했다면 아래 블로그 참고😉!!

 


 

 

lab.naminsik

lab.naminsik - 개발자 남인식 Lab.

lab.naminsik.com