Uncaught SyntaxError: Unexpected token '<' 해결하기

Uncaught SyntaxError: Unexpected token '<' 해결하기

해당 에러는 개발 초보시절 강의를 들을 때도 났었고,
2년이 지난 시점에서 한번 더 이런 에러에 부딧혀 2일을 버렸고,, 🤕

해결방법은 정말 다양했던 것 같다. 정말 이 에러때문에 얼마나 인터넷 검색을 많이 했던지...
내용 자체는 시멘틱 에러이다. 사실 내용만 보면 해당 태그가 없기때문에 발생하는 에러이기 때문에 코드확인을 해보면 된다
 

 
하지만 아무리 코드확인을 해도 잡히지 않았던 문제가 있었어서 해결방안들을 쭉 나열해 보려고 한다.
 
 

1. 코드 확인

기본적으로 token '<' 해당 가로에 들어가있는 태그가 없다는 소리이다.
그렇기때문에 코드상에 문제가 없는지 꼭 확인해봐야 한다.
초반에는 이렇게 태그 누락으로 발생했어서 그나마 쉽게 찾았 던 것 같다.
 

2. type 바꾸기 

이렇게해서 해결되는 경우도 있었다. 패키지가 빌드되면서 브라우저 호환에 오류가 있었던 것 같았지만 
babel 언어로 바꾸니 재빠르게 해결 됐었다.
[text/javascript => text/babel]
 

3. 안드로이드 브라우저 업데이트

문제 상황 : 안드로이드 구버전 폰에서만 흰 화면 노출
사실 이 문제가 가장 찾기 어려웠다.

(정확한 원인은 아직도 모른다. 그래서 찝찝하긴 하다... 아는분이 있다면 답변이 꼭 필요합니다)

꼬박 2일 밤을 새가면서 오류를 찾아봤는데, 인터넷에 나오는 대부분의 버그들을 다 찾아서 적용해보다가 문득 웹앱인 경우 브라우저 자체가 업데이트가 안되어있으면 브라우저 오류가 나는 경우가 있었던 것 같아서, 해당 구버전 폰의 브라우저를 업데이트 했다.

이때까지만해도 플러터 개발자분이 플러터는 브라우저 버전과는 별개라고 하셔서,, 계속 미루다가 결국 업데이트를 했는데 너무너무 잘되었다. ^__^...솔직히 찝찝한 방법이긴 하나 해결해서 너무 기분이 좋았다.

플러터에서 실행되는 웹뷰는 해당 기기 기본 브라우저에를 기반으로 작동하니 꼭 알고 가면 좋을 것 같다 🙃