<p>अपोलो-लिंक-त्रुटि: 'अपोलोलिंक' टाइप करें 'अपोलोलिंक' टाइप करने के लिए असाइन करने योग्य नहीं है। इस नाम के दो अलग-अलग प्रकार मौजूद हैं, लेकिन वे असंबंधित हैं।</p>

को निर्मित 7 मार्च 2018 · 27टिप्पणियाँ · स्रोत: apollographql/apollo-link

अपेक्षित् व्यवहार

अपोलो-लिंक-त्रुटि onError द्वारा निर्मित ApolloLink का प्रकार अपोलो-लिंक-http और अपोलो-क्लाइंट द्वारा उपयोग किए जाने वाले ApolloLink मेल खाना चाहिए।

वास्तविक व्यवहार

अपोलो-लिंक-* पैकेज के परिणाम में दो असंगत ApolloLink प्रकार प्रतीत होते हैं।

नीचे दिया गया उदाहरण चिह्नित स्थानों पर टाइपस्क्रिप्ट त्रुटियां देता है, लेकिन चिह्नित स्थानों पर as any जोड़ते समय अपेक्षा के अनुरूप काम करता है।

एक _सरल_ प्रजनन

import { InMemoryCache } from 'apollo-cache-inmemory'
import ApolloClient from 'apollo-client'
import { ApolloLink } from 'apollo-link'
import { onError } from 'apollo-link-error'
import { createHttpLink } from 'apollo-link-http'

const httpLink = createHttpLink({ uri: apiUrl })

const authLink = new ApolloLink((operation, forward) => {
  const token = getToken()
  if (token) {
    operation.setContext({
      headers: {
        Authorization: `Bearer ${token}`,
      },
    })
  }
  return forward(operation)
})

const logLink = onError(error => console.error('Apollo Error', error))  // as any

const link = logLink.concat(authLink.concat(httpLink))  // as any

/*
TS2345: Argument of type 'ApolloLink' is not assignable to parameter of type 'ApolloLink | RequestHandler'.
  Type 'ApolloLink' is not assignable to type 'RequestHandler'.
    Type 'ApolloLink' provides no match for the signature '(operation: Operation, forward?: NextLink): Observable<FetchResult<Record<string, any>, Record<string, any>>>'.
*/

export const graphql = new ApolloClient({
  cache: new InMemoryCache(),
  link,
})

/*
TS2345: Argument of type '{ cache: InMemoryCache; link: ApolloLink; }' is not assignable to parameter of type 'ApolloClientOptions<NormalizedCacheObject>'.
  Types of property 'link' are incompatible.
    Type 'ApolloLink' is not assignable to type 'ApolloLink'. Two different types with this name exist, but they are unrelated.
      Types of property 'split' are incompatible.
        Type '(test: (op: Operation) => boolean, left: ApolloLink | RequestHandler, right?: ApolloLink | Reques...' is not assignable to type '(test: (op: Operation) => boolean, left: ApolloLink | RequestHandler, right?: ApolloLink | Reques...'. Two different types with this name exist, but they are unrelated.
          Types of parameters 'left' and 'left' are incompatible.
            Type 'ApolloLink | RequestHandler' is not assignable to type 'ApolloLink | RequestHandler'. Two different types with this name exist, but they are unrelated.
              Type 'ApolloLink' is not assignable to type 'ApolloLink | RequestHandler'.
                Type 'ApolloLink' is not assignable to type 'RequestHandler'.

*/

अंक लेबल

[x] है-प्रजनन
[ ] विशेषता
[] अवरुद्ध
[] अच्छा पहला अंक

has-reproduction

स्रोत

iki

👍21

सबसे उपयोगी टिप्पणी

मैं भी इस मुद्दे को देख रहा हूं।

lsanwick 8 मार्च 2018

👍15

सभी 27 टिप्पणियाँ

मैं भी इस मुद्दे को देख रहा हूं।

lsanwick 8 मार्च 2018

👍15

मेरा भी यही विचार है...

dotansimha 11 मार्च 2018

👍7

@iki दिलचस्प, इस मुद्दे को खोलने के लिए धन्यवाद! क्या आपने अपोलो-लिंक-एरर और अपोलो-लिंक-एचटीटीपी को नवीनतम संस्करण में अपडेट किया है? यदि आप https://github.com/evans/apollo-link-reproductions/tree/538 में 'npm रन कंपाइल' चलाते हैं, तो मुझे किसी प्रकार की त्रुटि नहीं दिखती। प्रकारों को काम करना चाहिए, क्योंकि ApolloLink की बतख टाइपिंग समान होनी चाहिए। क्या आपके पास एक प्रजनन भंडार है जिसे मैं क्लोन कर सकता हूं? हमें TS का न्यूनतम संस्करण घोषित करना पड़ सकता है?

evans 27 मार्च 2018

मेरे पास यह समस्या थी, और ऐसा लगता है कि apollo-link के संस्करण को package.json में निम्नानुसार ठीक करके इसे हल कर लिया है:

{
    "dependencies": {
       "dependencies": {
        "apollo-cache-inmemory": "^1.1.12",
        "apollo-client": "^2.2.8",
        "apollo-codegen": "^0.19.0",
        "apollo-link": "^1.2.1",
        "apollo-link-batch-http": "^1.2.1",
        "apollo-link-http": "^1.5.3",
        "apollo-link-retry": "^2.2.2"
    },
    "resolutions": {
        "apollo-link": "1.2.1"
    }
}

मुझे यह सुनिश्चित करने के लिए graphql साथ एक समान काम करना पड़ा है कि इसकी केवल एक प्रति मौजूद है।

ojkelly 31 मार्च 2018

👍3 🎉1

यह सबसे हालिया रिलीज में तय किया जाना चाहिए। #599 देखें, जो #600 द्वारा बंद किया गया था और अपोलो-लिंक-त्रुटि@1.0.10 . में जारी किया गया

evans 13 अप्रैल 2018

@evans मैं अभी भी अपोलो-लिंक-त्रुटि@1.0.10 के जारी होने की प्रतीक्षा कर रहा हूं, इसलिए हमें इस समस्या के समाधान मिलते हैं। यह मुझे अन्य अपोलो पैकेजों को अपग्रेड करने से रोक रहा है।

ravishivt 4 मई 2018

👍3

यहाँ वही, 1.0.10 प्रकाशन की प्रतीक्षा में

sccdGyan 10 मई 2018

👍2

@ravishivt @sccdGyan इसके लिए क्षमा करें! मुझे यकीन नहीं है कि वहां क्या हुआ था। अपोलो-लिंक-एरर@1.1.0 . में चीजों को सुलझाया जाना चाहिए

evans 9 जून 2018

🎉3

मुझे एक ऐसी ही समस्या है:

प्रासंगिक निर्भरताएँ:

"dependencies": {
    "@apollo/client": "^3.0.0-beta.19",
    "apollo-link-ws": "^1.0.19",
    "graphql": "^14.5.8",
    "subscriptions-transport-ws": "^0.9.16",
    ...
  },

कोड:

import {
    ApolloClient,
    InMemoryCache,
    HttpLink,
    ApolloLink,
    Operation,
    NextLink,
    split,
    getMainDefinition
} from '@apollo/client'
import { WebSocketLink } from 'apollo-link-ws';

const wsLink = new WebSocketLink({
    uri: config.backendWSApiUrl,
    options: {
        reconnect: true
    }
})

const httpLink = new HttpLink({
    uri: config.backendHttpApiUrl
})

const link = split(
    // split based on operation type
    ({ query }) => {
        const definition = getMainDefinition(query);
        return (
            definition.kind === 'OperationDefinition' &&
            definition.operation === 'subscription'
        );
    },
    wsLink,
    httpLink,
);

टाइपप्रति त्रुटि:

Argument of type 'WebSocketLink' is not assignable to parameter of type 'ApolloLink | RequestHandler'.
  Type 'WebSocketLink' is missing the following properties from type 'ApolloLink': onError, setOnErrorts(2345)

mnesarco 8 जन॰ 2020

👍13 👀4

3.0 बीटा के साथ @mnesarco के समान

Motoxpro 21 जन॰ 2020

👍1

मैं उसी के साथ सामना कर रहा हूँ
"@apollo/client": "~3.0.0-beta.29 और "@apollo/link-error": "^2.0.0-beta.3",
ApolloLink.from([errorLink, httpLink])

smeevil 30 जन॰ 2020

@smeevil क्या आपको इस पर कोई फिक्स मिला, मैं भी इसका सामना कर रहा हूं

Zorig 4 फ़र॰ 2020

नहीं

smeevil 4 फ़र॰ 2020

क्या इसे फिर से खोलना चाहिए?

nickluger 5 फ़र॰ 2020

नवीनतम अपोलो क्लाइंट 3.0.0 बीटा 32 संस्करण को अपडेट करने से मेरे लिए समस्या हल हो गई

Zorig 6 फ़र॰ 2020

1.1.12 से कारगर रहा ।

CalvinLeGassick 21 फ़र॰ 2020

❤1 👍1

मेरे लिए अब सब कुछ अच्छा है

"@apollo/client": "^3.0.0-beta.37",
"@apollo/link-context": "^2.0.0-beta.3",
"@apollo/link-error": "^2.0.0-beta.3",
"@apollo/link-retry": "^2.0.0-beta.3",
"@apollo/link-ws": "^2.0.0-beta.3",`

Motoxpro 26 फ़र॰ 2020

👍4

मेरे लिए अब सब कुछ अच्छा है
"@apollo/client": "^3.0.0-beta.37",
"@apollo/link-context": "^2.0.0-beta.3",
"@apollo/link-error": "^2.0.0-beta.3",
"@apollo/link-retry": "^2.0.0-beta.3",
"@apollo/link-ws": "^2.0.0-beta.3",`
धन्यवाद! @Apollo/client को 3.0.0-beta.39 पर अपडेट करने से यह त्रुटि होगी।

bkstorm 9 मार्च 2020

का उपयोग करते हुए @apollo/link-error के बजाय apollo-link-error मेरे लिए काम किया।

zhaofinger 14 मार्च 2020

🎉4 👍4 ❤3

मैं अपोलो के लिए नया हूं और मुझे यह त्रुटि अपोलो सर्वर गाइड का पालन करके मिली है, जो आपको सीधे अपोलो लिंक लाइब्रेरी का उपयोग किए बिना apollo-boost से ApolloClient आयात करने का निर्देश देती है। मेरे कोड की तरह दिखता है:

import ApolloClient from 'apollo-boost';

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

const App = ({ Component, pageProps }: AppProps) => {
  return (
    <ApolloProvider client={client}>
      <Component {...pageProps} />
    </ApolloProvider>
  )
}

मैं इसे @apollo/client स्थापित करके और कुछ इस तरह से पुन: सक्रिय करके इसे ठीक करने में सक्षम था:

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

const client = new ApolloClient({
  cache: new InMemoryStore(),
  link: new HttpLink({ uri: "/api/graphql" })
});

const App = ({ Component, pageProps }: AppProps) => {
  return (
    <ApolloProvider client={client}>
      <Component {...pageProps} />
    </ApolloProvider>
  )
}

earksiinni 17 मार्च 2020

धन्यवाद! @Apollo/client को 3.0.0-beta.39 पर अपडेट करने से यह त्रुटि होगी।

ऐसा लगता है कि संस्करण @apollo/client द्वारा 3.0.0-beta.41 पर तय किया गया है, शुक्र है!

mikeyrt16 22 मार्च 2020

मुझे आज यह समस्या थी जब मैंने नया 3.0.0-बीटा.43 आज़माया।
हल करने और साझा करने में सक्षम था कि कैसे यह किसी और की मदद करता है।

मेरे लिए या तो package.json "resolution" फ़ील्ड को beta.43 में निर्दिष्ट करना या, वैकल्पिक रूप से, yarn.lock को हटाना और पुनः इंस्टॉल करना इसे हल कर दिया।

onpaws 8 अप्रैल 2020

👍3 😕1

3.0.0-बीटा.44 पर। पैकेज.जेसन में रिज़ॉल्यूशन फ़ील्ड जोड़ने और यार्न.लॉक फ़ाइल को हटाने का प्रयास किया, न तो मेरे लिए काम किया है।

SunstroUS 28 अप्रैल 2020

मेरे लिए क्लाइंट को अपग्रेड करना और लिंक-त्रुटि ने समस्या को ठीक कर दिया:
"@ अपोलो/क्लाइंट": "^3.0.0-बीटा.49", "@ अपोलो/लिंक-एरर": "^2.0.0-बीटा.3"

GiselaMD 19 मई 2020

मैं चालू हूँ

    "@apollo/client": "^3.0.0-beta.50",
    "@apollo/link-context": "^2.0.0-beta.3",

और अभी भी यह मुद्दा है।

petergaultney 8 जून 2020

मैं चालू हूँ
    "@apollo/client": "^3.0.0-beta.50",

    "@apollo/link-context": "^2.0.0-beta.3",
और अभी भी यह मुद्दा है।

मेरे प्रोजेक्ट के लिए, package.json की सावधानीपूर्वक समीक्षा करें और सुनिश्चित करें कि _all_ चीजें अपोलो 3.0 हैं, फिर यार्न को हटाना और यार्न इंस्टॉल करना फिर से काम कर गया।

onpaws 8 जून 2020

धन्यवाद @onpaws । मुझे लगता है कि मेरी समस्या यह है कि मेरे पास अन्य (देव) निर्भरताएं हैं जो स्वयं "पुरानी" अपोलो निर्भरता के रूप में हैं (उदाहरण के लिए graphql-codegen ), और मैं उनको हटाने के लिए तैयार नहीं हूं। लेकिन मैं अपने कोड में पुराने लोगों को _import_ नहीं करता, इसलिए मुझे समझ में नहीं आता कि टाइपस्क्रिप्ट उनके बारे में भ्रमित क्यों होगा। हालांकि, मैं टाइपस्क्रिप्ट के लिए बिल्कुल नया हूं, इसलिए यह सिर्फ एक "मैं" समस्या है। सब कुछ ठीक चलता है अगर मैं सिर्फ as any माध्यम से डाला, भले ही यह हास्यास्पद लग रहा हो:

export const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: authenLink.concat(httpLink as any) as any
});

petergaultney 8 जून 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

सबसे उपयोगी टिप्पणी

सभी 27 टिप्पणियाँ

संबंधित मुद्दों