TEL - 07 : Uncaught (in promise) SyntaxError: Unexpected end of JSON input

29 Apr 2022 in Study Log on Trial Error Log

리액트

---

• SITUATION :

  • Uncaught (in promise) SyntaxError: Unexpected end of JSON input

• REASON :

  • 비동기 fetch 관련 기능 구현을 할 때 작동은 정상이나 가끔 위와같은 메세지가 나옴

  • 백엔드 서버에서 JSON 형식이 으로 Response 를 반환 하지 않는 경우인데도 response.json() 으로 응답을 받아서 이러한 현상이 일어나는 것이다.

• SOLUTION :

  headers: {
  'Content-Type': 'application/json',
  Accept: 'application/json',
  },
  

  • 습관적으로 fetch 이후에 .then(response => response.json())을 넣어주었는데 json 리스폰스가 아니면 굳이 해당 코드를 넣을 필요가 없기때문에 뺐다.

  • 관련 코드를 삭제하니 더이상 메시지 출력하지 않음