Apollo-link-rest: 깨진 React-Apollo 예제

@sinisterra 앱에서 forward is not a function 를 볼 때 일반적으로 노드 중 하나에서 @client 또는 @rest(…) 지시문을 잊었 기 때문입니다. 당신을위한 경우입니까?

fetch 오류와 관련하여 어떤 브라우저에서 테스트하고 있습니까?

@fbartho 아니요, 예제와 똑같은 쿼리를 실행하고 있습니다. @rest 지시문이 제대로 적용되고 있습니다. Google Chrome 67.0.3396.62를 사용하고 있습니다. Firefox 60.0.1에서 예제를 실행하려고했을 때 실패했지만 다른 오류 : Network error: 'credentials' member of RequestInit 'null' is not a valid value for enumeration RequestCredentials.

깨진 예 뿐만이 아닙니다! 이 문제는 매우 중요하다고 생각합니다.
나는 또한 apollo-link-rest를 사용하여 지난 몇 달 동안 잘 작동했던 프로덕션 환경에서 동일한 오류가 발생합니다. 이것이 브라우저 업데이트 때문인 것 같습니다.
크롬 Version 67.0.3396.79 (Official Build) (64-bit)

같은 문제가 사파리와 파이어 폭스에서 일어나고 있습니다. 나는 그것을 완전히 얻지 못합니다. 5 월 24 일 이후로 동일한 버전의 내 응용 프로그램이 잘 작동했습니다.

작동하는 customFetch fn을 구성했지만 apollo-link-rest로 수행하는 요청에서만 발생합니다. ¯_ (ツ) _ / ¯

customFetch 구성을 제거 할 때도 동일한 오류가 발생합니다.

실제로 문제를 발견했습니다.
customFetch 함수를 사용하고 있는데,이 함수는 apollo-link-rest 에서 옵션 매개 변수 credentials: null 와 함께 호출됩니다. 이로 인해 새 버전의 크롬을 포함한 모든 브라우저에서이 오류가 발생합니다.

자격 증명을 사용하지 않기 때문에 내 사용자 지정 가져 오기 기능에 대한 빠른 수정은 다음과 같습니다.

export function fetchWithAuth(url, options = {}) {
  // this fixes apollo-link-rest providing credentials: null options
  const { credentials, ...opt } = options
  return fetch(url, getOptions(opt));
}

또한 "네트워크 오류 : Failed to Fetch"가 발생하여 쿼리가 apollo-link-rest로 실행되는 것을 막아 벽에 머리를 부딪 혔습니다. @JuHwon 이 맞습니다. 이것은 RestLink 생성자의 자격 증명 옵션과 연결된 것으로 보입니다. 이전에는 문서에 따라 선택 사항으로 작동했지만 이제는 다음과 같은 옵션을 포함해야만 작동 할 수 있습니다.

const restLink = new RestLink({  
  uri: ${process.env.REACT_APP_API_URL}/,  
  credentials: 'same-origin',  // eg. or credentials: 'omit', etc
});

v0.3.1에서 수정되어야합니다-이제 사용 가능합니다!