728x90
리액트 uncaught syntaxerror: unexpected token '<' 해결
리액트로 프로젝트 빌드 후
분명히 로컬에서는 멀쩡했던 프로젝트가
흰페이지가 뜨면서 콘솔창에 다음 에러가 뜬다.
React-Uncaught SyntaxError: Unexpected token <구글링 해보니 원인은
빌드할때 웹팩이 chunkFile을 JS가 아닌 HTML 구문으로 인식해서 그렇다는데..
<DOCTYPE 으로 시작하는 html 의 <를 인식 하지못한다는 문법 에러 라고 한다.
나는 두 가지 방법으로 해결할 수 있었다.
(첫번째 방법으로 해결한 줄 알았는데, 메인 페이지가 아닌 다른 페이지에서는 또 떴다..ㅜㅜ)
[1]
'Html file head에 베이스 경로 넣어주기'
프로젝트 index.html 페이지의 <head> 태그 다음에 다음 한 줄을 추가한다.
<base href="/" />[예시]
[2]
index.html 의 <script> 태그를 확인하자.
나의 경우 다음과 같이 되어 있었다.
<script defer="defer" src="./static/js/main.d2aa2.js">src="./static/js/main.d20cb936.js" 이 부분에서 맨 앞의 .이 문제였다.
.을 제거하니 페이자가 다시 정상적으로 올라왔다..
728x90
댓글