관리 메뉴

CASSIE'S BLOG

SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON 본문

PROGRAMMING/ERROR

SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON

ITSCASSIE1107 2023. 12. 20. 13:27

json 정적데이터 불러오다가 똑같은 오류 났던 거 어떤 분이 해결하셨다. 

 

React 에서 json 파일 불러오기 (velog.io)

 

React 에서 json 파일 불러오기

설정메뉴에서 언어를 선택하는데 언어 목록을 json 형태의 파일로 만들어 놓고 fetch API를 이용해 json 데이터를 불러와서 사용하는데 오류가 발생했다!

velog.io

 

 

fetch 함수를 통해 가져온 응답(Response)이 JSON 형식이 아니라 HTML 형식으로 반환되어 파싱(Parsing)할 수 없다는 것을 나타냅니다.
SyntaxError: Unexpected token '<'는 HTML 문서에서 예상치 못한 < 문자를 발견하여 구문 분석이 실패했다는 것을 의미합니다. 오류 메시지의 "<!DOCTYPE" 부분은 HTML 문서의 DOCTYPE(DTD) 선언을 나타내는 것으로, 응답(Response)이 HTML 문서임을 보여줍니다.

반응형