Apollo 에러 로그 찍는 법

Namu CHO
Mar 20, 2021

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

--

--