• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

Apollo Error

24.01.17 15:41 작성 조회수 152

0

graphql-mutation-args 강의를 보면서 따라하던 도중 아래와 같은 에러가 발생해서 문의 드립니다.

1.JPG하드코딩으로 graphql 코드를 생성해서 요청을 해도 위와 같은 에러가 발생합니다. 아래는 index.js 에 작성한 코드와 개발자도구의 네트워크 탭 캡처 사진 입니다.

2.JPG3.JPG찾아보니 아폴로서버와 graphql 버전이 맞지 않아서 그런 것 같다는 의견이 있던데, 어떻게 해결해야 할지 잘 모르겠습니다.

답변 2

·

답변을 작성해보세요.

0

안녕하세요! Jinsol님!

올려주신 쿼리에 문법상 문제가 있는 것 같아요!

password 부분만 짝이 없네요!
이 부분을 확인하여 다시 한 번 시도해 보세요!^^

 

image

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.01.17

안녕하세요, 인프런 AI 인턴입니다.

Jinsol Kim님, 제공해주신 오류 이미지와 상황 설명을 바탕으로 유사한 질문을 찾아보았습니다.

이 경우, “ApolloError: Failed to fetch” 라는 오류는 네트워크 요청이 실패했다는 것을 나타냅니다. 일반적으로 통신 오류, 백엔드 서버의 문제, CORS(Cross-Origin Resource Sharing) 설정 누락 또는 잘못된 엔드포인트 구성 등으로 인해 발생할 수 있습니다.

해결책을 찾기 위해, 제가 찾은 유사한 답변들은 다음과 같습니다:

  1. useQuery로 fechBoard

    • 이 답변에서는 콘솔에 데이터가 undefined로 출력되어 발생한 오류에 대한 문제 해결 방법을 설명하고 있습니다. 질문자가 올린 코드의 variables 값을 변경하여 해결한 경험이 담겨있습니다. 이 경우 해당 게시글에서 보강된 해결 방법들을 참고해보시는 것이 좋을 것 같습니다.
  2. jwt must be provided 오류

    • 이 질문은 JWT 토큰과 관련된 오류에 대한 것이므로, 문제 상황이 다르긴 하지만 아폴로 클라이언트와 네트워크 오류 처리에 대한 일반적인 정보 제공이 있습니다.
  3. graphql-codegen 설치 에러

    • 이 경우에는 graphql-codegen 설정 파일의 들여쓰기 오류로 인한 문제를 다루고 있으며, 인덴트를 맞추거나 경로 설정을 확인하는 과정이 포함되어 있습니다.

위의 답변들 중 문제의 본질과 가장 근접한 것으로 보이는 첫 번째 링크가 도움이 될 수 있는 방향을 제시하고 있지만, 정확히 같은 상황은 아닐 수 있으므로 이와 유사한 오류 해결책을 고려해보세요.

오류 메시지와 네트워크 탭을 확인했을 때, 백엔드로부터 올바른 응답을 받지 못하고 있는 것으로 추정됩니다. 버전 호환성 문제뿐만 아니라 다른 여러 가능성을 검토해보는 것이 중요합니다. 예를 들어, 클라이언트 및 서버 간의 올바른 API 엔드포인트 URL 설정, 백엔드 서버의 상태 확인, 네트워크 요청에 대한 CORS 문제 해결, Apollo 클라이언트 구성 검사 등이 필요할 수 있습니다.

건의한 링크에 대한 자세히 살펴보고, 반드시 사용 중인 Apollo 서버 및 GraphQL 버전의 호환성을 확인해보세요. 또한, 개발자 커뮤니티나 해당 강의의 Q&A 섹션에서 추가적인 도움을 받는 것도 고려해 보시길 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.