GraphQL에 요청을 날릴 때 오탈자가 있는 경우 등 사소한 에러가 발생할 경우 아폴로에서는 상세한 이유를 알려주지 않는다.
사진에서 보이는 빨간색 400에러만 보여줄 뿐이었다.
나 같은 경우에는 위에 SIGN_UP이라는 쿼리를 날릴 때 인자값인 SingUpInput에 느낌표(!)를 찍지 않아서 에러가 났었는데 이를 알지 못해서 거의 2시간에 가까운 시간을 씨름했었다(처음 그래프큐엘을 쓰다보니 뭘 잘못했는지 확신하기가 어려웠다)
그래서 에러 로그를 찍는 법을 알아야 겠다고 생각했고,
아래 코드를 통해
빨간색 에러 밑의 줄인
Variable “$Input” of type “SingUpInput” used in position expecting type “SingUpInput!”
이라는 귀중한 에러 코드를 얻을 수 있었다.
이 코드를 추가한 덕에 앞으로 많은 시간을 아낄 수 있을 것 같다.
출처:
https://www.apollographql.com/docs/react/api/link/apollo-link-error/
https://www.youtube.com/watch?v=dr9I4xPYkdw&list=LL&index=1https://www.youtube.com/watch?v=bv74TcKb1jw&list=LL&index=2