Apollo-link-rest: "TypeError : 앞으로는 함수가 아닙니다."

저는 GraphIQL이 apollo-link-state / apollo-link-rest를 지원한다고 생각하지 않습니다. 일반적으로 링크를 지원한다고 생각하지 않습니다. 작동하는 예가 있습니까?

물론 Apollo 개발 도구의 GraphiQL이 작동하는 것 같습니다. JSONPlaceholder API를 사용하여 https://jsonplaceholder.typicode.com으로 설정-쿼리가 실행되기 전에 처음에 얻은 내용은 다음과 같습니다.

모든 사용자를 가져 오기 위해 쿼리를 실행 한 후 :

또는 "간단한"예제 프로젝트 :

내가 알아 차린 또 다른 점은 "캐시에서 읽기"옵션이 JSONPlaceholder API로 생성 된 새 항목에서 작동하지 않는다는 것입니다. POST 변형은 캐시에 새 항목을 올바르게 기록하지만 후속 쿼리는 "캐시에서 읽기"를 선택한 경우에도 원격으로 쿼리를 시도합니다. 새 항목이 실제로 생성되지 않았기 때문에 예상대로 원격 끝점에서 null을 반환하지만 캐시에 생성되므로 "캐시에서 읽기"가 반환해야합니까? 이것은 아마도 apollo-link-rest와 관련이 없으며이 문제의 범위를 벗어나지 만 여전히 흥미 롭습니다.

GraphiQL, forward is not a function 에서 동일한 오류가 발생합니다. cache 이외의 모든 것이 작동하는 것 같습니다.

이 녀석들에 대한 모든 업데이트, 나는 같은 문제가 있었다 :(

@cstoddart 캐시 패널이 비어 있습니다. 맞습니까?

누구든지 devtools없이 캐시를 보는 방법을 알고 있습니까?

저도 같은 일을 겪고 있습니다. @cgatian 예, 캐시 패널이 비어 있습니다.

이러한 파손이 오랫동안 발생하면 아폴로의 툴체인을 수용하기가 어렵습니다. apollo-link-rest는 여전히 활발히 작업 중입니까?

@heymanhn- 예 ApolloLinkRest는 적극적으로 개발되고 있습니다. 그러나 이것은 오픈 소스입니다. PR을 테스트하고 전달하는 데 도움을 드리겠습니다.하지만 ApolloDevTools에 대한 경험이 없습니다.

코드베이스와 호환되는 데 필요한 것이 무엇인지 파악하기 위해 코드베이스에 뛰어 들거나 기꺼이 참여할 사람이 필요합니다. 나는 당신에게 무엇이 빠졌는지 알아 내도록 도전하고 당신의 기여를 지원하고 싶습니다!

나는 더없는 원하는 기능의 난이 적은 파손이다라고 말하고 싶지만, 그래서 그 아폴로 링크가-나머지는 이제까지 ApolloDevTools과 협력 알고하지 않는 것이, 분명히하고자합니다.

또한 개인적으로 React-Native와 함께 apollo-link-rest를 사용하고 있으며 1 년 전에 ApolloDevTools는 React-Native와 호환되지 않았습니다.

그들은 그 이후로 그것을 고쳤다 고 발표했지만 우리 팀의 반응 네이티브 프로젝트를 위해 ApolloDevTools를 활성화 할 수 없었기 때문에 무엇이 잘못되었는지 모르겠습니다.

안녕하세요! 이 문제를 일으키는 원인을 조금 살펴볼 수있었습니다.
이 작업 은 apollo-client-devtools에 의해 호출되는 것 같습니다.

그러나 여기에 도착하면 forward 는 정의되지 않습니다.

이 모든 것이 어떻게 작동하는지 잘 모르겠습니다. 그렇지 않으면 문제를 해결하기 위해 PR을 만들 것입니다. !isRestQuery 수표를 !isRestQuery && forward 변경했을 때 위의 오류를 없앨 수있었습니다. 그러나 새로운 오류가 발생했습니다.

Error: Type Query must define one or more fields.
    at t.assertValidSchema (chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:258433)
    at O (chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:272246)
    at k (chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:271277)
    at t.execute (chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:270565)
    at t.v (chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:806774)
    at t.n.emit (chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:394893)
    at chrome-extension://jdkknkkbebbapilgoeccciglkfbmbnfm/dist/devtools.js:1:517657

이 문제를 확인 / 디버그하는 데 사용한 예제 앱은 다음과 같습니다. https://github.com/Hilaryous/simple-react-app/tree/apollo-link-rest-example.

이 도서관에 대한 모든 작업에 감사드립니다. 어떤 식 으로든 도움을 줄 수 있다면 기쁩니다.

나는 최근에 이것을 실행하고 있으며 내 경우 IntrospectionQuery에 대한 오류를 좁혔습니다. 문제는 apollo-client와 apollo-link-rest 만 사용하고 있으므로 캐시 스키마 (있는 경우)를 제외하고 서버 나 스키마가 없습니다. 차례로 내 apollo devtools는 비어 있습니다. 여기서 수정이 무엇인지 정확히 알 수는 없지만 모든 것이 한 지점에서 작동했습니다.

나는 최근에 이것을 실행하고 있으며 내 경우 IntrospectionQuery에 대한 오류를 좁혔습니다. 문제는 apollo-client와 apollo-link-rest 만 사용하고 있으므로 캐시 스키마 (있는 경우)를 제외하고 서버 나 스키마가 없습니다. 차례로 내 apollo devtools는 비어 있습니다. 여기서 수정이 무엇인지 정확히 알 수는 없지만 모든 것이 한 지점에서 작동했습니다.

여기도 마찬가지

ApolloDevTools가 지난 목요일에 React Native Debugger에서 apollo-link-state, apollo-link-Rest와 함께 작동하는 것을 보았습니다. 이것이 여전히 활성 문제라고 확신합니까? @ edgars-sirokovs에 어떤 버전이 있습니까?

ApolloDevTools가 지난 목요일에 React Native Debugger에서 apollo-link-state, apollo-link-Rest와 함께 작동하는 것을 보았습니다. 이것이 여전히 활성 문제라고 확신합니까? @ edgars-sirokovs에 어떤 버전이 있습니까?

@fbartho 2.2.4

@fbartho는 방금 다시 확인했습니다. 적어도 더 이상 비어 있지 않습니다.
그래도 여전히 문제가 있습니다-캐시보기를 스크롤 할 수없고 문서 탐색기에 스키마가 표시되지 않습니다 ( typeDefs 를 통해 전달 된 클라이언트 측 스키마

문서 탐색기가 apollo-link-rest를 지원하기 위해 무엇을 필요로하는지 모르겠지만 할 일이 있거나 제대로 작동하지 않을 경우 놀라지 않을 것입니다. 여기에서 작업이 필요한 경우 PR 수락!

캐시 뷰를 스크롤하는 것은 확실히 ApolloDevTools 코드의 버그처럼 보입니다.

그러나 나는 당신이 @ edgars-sirokovs를 발전 시켜서 기쁩니다!

ApolloDevTools가 지난 목요일에 React Native Debugger에서 apollo-link-state, apollo-link-Rest와 함께 작동하는 것을 보았습니다. 이것이 여전히 활성 문제라고 확신합니까? @ edgars-sirokovs에 어떤 버전이 있습니까?

simple 프로젝트로 테스트했는데 작동하지 않고 Apollo DevTools 탭을 사용할 수 있지만 항상 비어 있고 다음 오류가 발생합니다. https://github.com/apollographql/apollo-link-rest/tree/master/examples/simple

@fbartho 나는 react-native-debugger로 네이티브 반응에서 작업하는 프로젝트에서 똑같은 작업을 수행했으며 동일한 문제가 발생했습니다. 설정 또는 사용중인 버전을 공유 할 수 있습니까?

오늘 우리는 그것이 작동한다는 것을 배웠지 만 GraphiQL 탭은 아니고 다른 탭만 : https://github.com/apollographql/apollo-client-devtools/issues/227

이 동일한 문제로 보이는 것 때문에 devtools GraphiQL에서 로컬 스키마 Docs 을 읽을 수 없습니다.

이 내부 검사 쿼리를 실행하면 응답 패널에 [object Object] 가 표시되고 콘솔 보고서 [Network error]: TypeError: forward is not a function

{
  __schema {
    types {
      name
    }
  }
}

내 클라이언트에는 graphql 서버가 없습니다.

import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { persistCache } from 'apollo-cache-persist';
import localForage from 'localforage';
import typeDefs from './schema.graphql';
import { resolvers } from './resolvers';
import { link } from './link';
import { initialState } from './initialState';
export let client;
export async function createApolloClient() {
  const cache = new InMemoryCache();
  await persistCache({ cache, storage: localForage, serialize: false });
  client = new ApolloClient({ cache, link, resolvers, typeDefs });
  window.__APOLLO_CLIENT__ = client;
  cache.writeData({ data: initialState });
  return client;
}

https://spectrum.chat/apollo/apollo-link-state/client-has-typedefs-but-no-docs-in-graphiql~8a80e439-3257-4fce-a666-a1e75c3cec63 참조

이것이 위의 모든 사용자처럼 사용 사례와 정확히 관련이 있는지 확실하지 않지만 결국 해결 한 오류로 찾을 수있는 유일한 관련 검색 결과입니다.

내가 추가하려고 할 때 나는 최근에이 오류로 실행 apollo-link-rest 사용하여 기존 응용 프로그램에 @apollo/client .

tl; dr 문제는 uri 및 link 를 새로운 ApolloCient 정의 할 때 옵션 매개 변수로 전달할 수 없다는 것이 밝혀졌습니다. 대신, 당신은 제거해야합니다 uri 매개 변수를 만들 HttpLink 사용 createHttpLink 사용하여 다음과 from() 받는 당신의 연결하고 결합하는 link 옵션 매개 변수.

나머지 링크를 추가하기 전에 내 정의는 다음과 같습니다.

import { ApolloClient, InMemoryCache } from '@apollo/client';

const client = new ApolloClient({
  uri: '/api/graphql',
  cache: new InMemoryCache(),
});

문서를 읽으면서 새로운 RestLink 를 정의하고 추가 link 매개 변수를 다음과 같은 옵션에 추가하여 나머지 링크를 추가 할 수 있어야한다는 인상을 받았습니다.

import { ApolloClient, InMemoryCache } from '@apollo/client';
import { RestLink } from 'apollo-link-rest';

const restLink = new RestLink({
  uri: '/api',
});

const client = new ApolloClient({
  uri: '/api/graphql',
  cache: new InMemoryCache(),
  link: restLink,
});

그러나이 구성으로 인해 TypeError: forward is not a function 오류가 발생하고 클라이언트가 더 이상 작동하지 않습니다.

링크에 대한 문서를 더 읽어 본 후, uri 및 link 사용할 수 없다는 것을 깨달았습니다 (명시 적으로 언급 된 내용을 볼 수는 없으며 잘못된 경우도있을 수 있음). 동시에 ApolloClient 정의의 link 옵션 매개 변수. 이 새로운 정보를 사용하여 I 제거하여 문제를 해결할 수 있었다 uri 매개 변수 및 만드는 동안 HttpLink 내가 그때와 결합 된 것을 RestLink 사용하여 from() 와 모든 것이 마침내 작동했습니다 ( 문서 에 따라 RestLink 가 HttpLink 앞에 와야합니다) :

import {
  ApolloClient, InMemoryCache, from, createHttpLink,
} from '@apollo/client';
import { RestLink } from 'apollo-link-rest';
const httpLink = createHttpLink({
  uri: '/api/graphql',
});

const restLink = new RestLink({
  uri: '/api',
});

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: from([restLink, httpLink]),
});

감사합니다 @crbanman 당신이 내 하루를 구했습니다! 💯