TEL - 08 : Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

07 May 2022 in Study Log on Trial Error Log

리액트

---

• SITUATION :

  • VM1595:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

• REASON :

  • 비동기 fetch 관련 기능 구현을 할 때 작동은 정상이나 가끔 위와같은 메세지가 나옴
    • 바로 아래의 Error Log와 비슷한 상황

  • 아직 비동기 데이터를 받아오지 않았는데 데이터를 사용 할 때

  • API 서버에서 이미 json() 구문해석을 한 상태로 반환 할때

• SOLUTION :

  1. fetch 함수 의 headers 의 다음과 같은 구문을 추가

     'Content-Type': 'application/json',
     'Accept': 'application/json',
     

  2. 오타가 없는지 확인

  3. useEffect 사용시 의존성 배열의 값이 먼저 들어오기전에 fetch함수가 실행되면 발생