[Pre-project] 에러 정리

📍 fetch로 api post 요청을 보냈는데 syntaxerror가 뜸

syntaxerror: unexpected end of json input

• 원인 : 서버에서 받은 응답이 JSON 형식이 아니거나 비어있는 경우 (백엔드의 잘못이 큼)
• 해결 : 서버에서 http 상태로 응답 보내는 거를 json 응답을 보내주니 해결됨(백엔드에서 해결해서 자세한건 모르지만 성공..)
  • 정상적인 JSON 형식인지 확인 : 개발자 도구 Network 탭을 열고 API 요청 및 응답을 확인해서 응답이 비어있는지 올바른 JSON 형식이 맞는지 확인
  • 서버 코드 확인 : fetch는 일반적으로 200 ok상태가 들어오며 다른 상태 코드인 400 Bad request는 response.json()메서드를 호출할 때 문제가 생김

---

📍 팀원이 jwt-decode 설치했는데 모듈 없다고 오류 발생

• 원인 : eslintrc에서 문제가 있다고 에러 발생 시킴
• 해결 : npm install jwt-decode설치를 해보고 안되면 .eslintrc.json에 해당 내용 추가

"settings": {
	// import/resolver` 는 `eslint-plugin-import` 의 경로 설정 옵션
    "import/resolver": {
    "node": {
    "paths": ["src"]
    }
	}
}