<p>apollo-link-error: النوع "ApolloLink" غير قابل للتخصيص لكتابة "ApolloLink". يوجد نوعان مختلفان بهذا الاسم ، لكنهما غير مرتبطين.</p>

تم إنشاؤها على ٧ مارس ٢٠١٨  ·  27تعليقات  ·  مصدر: apollographql/apollo-link

سلوك متوقع

نوع ApolloLink تم إنشاؤه بواسطة apollo-link-error onError shoud match ApolloLink المستخدم بواسطة apollo-link-http و apollo-client.

السلوك الفعلي

يبدو أن هناك نوعين غير متوافقين من أنواع ApolloLink في حزم apollo-link- * الناتجة.

يعرض المثال أدناه أخطاء TypeScript في الأماكن المحددة ، ولكنه يعمل كما هو متوقع عند إضافة 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
مصدر
picture iki
👍21

التعليق الأكثر فائدة

أرى هذه المشكلة أيضًا.

picture lsanwick في ٨ مارس ٢٠١٨
👍15

ال 27 كومينتر

أرى هذه المشكلة أيضًا.

lsanwick picture lsanwick في ٨ مارس ٢٠١٨
👍15

كذلك هنا...

dotansimha picture dotansimha في ١١ مارس ٢٠١٨
👍7

iki ممتع ، شكرًا لك على فتح العدد! هل قمت بتحديث apollo-link-error و apolo-link-http إلى أحدث إصدار؟ إذا قمت بتشغيل 'npm run compile' في https://github.com/evans/apollo-link-reproductions/tree/538 ، فلا أرى أي أخطاء في النوع. يجب أن تعمل الأنواع ، نظرًا لأن كتابة البطة ApolloLink يجب أن تكون متطابقة. هل لديك مستودع استنساخ يمكنني استنساخه؟ قد نضطر إلى إعلان الحد الأدنى من إصدار TS؟

evans picture evans في ٢٧ مارس ٢٠١٨

واجهت هذه المشكلة ، ويبدو أنني قمت بحلها عن طريق إصلاح إصدار 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 picture ojkelly في ٣١ مارس ٢٠١٨
👍3 🎉1

يجب إصلاح هذا في أحدث إصدار. راجع # 599 ، الذي تم إغلاقه بواسطة # 600 وتم إصداره في [email protected]

evans picture evans في ١٣ أبريل ٢٠١٨

evans ما زلت أنتظر إطلاق سراح [email protected] حتى نحصل على إصلاحات لهذه المشكلة. إنه يمنعني من ترقية حزم أبولو الأخرى.

ravishivt picture ravishivt في ٤ مايو ٢٠١٨
👍3

نفس الشيء هنا ، في انتظار نشر 1.0.10

sccdGyan picture sccdGyan في ١٠ مايو ٢٠١٨
👍2

ravishivtsccdGyan عذرا عن ذلك! لست متأكدًا مما حدث هناك. يجب فرز الأشياء في

evans picture evans في ٩ يونيو ٢٠١٨
🎉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 picture mnesarco في ٨ يناير ٢٠٢٠
👍13 👀4

مثل mnesarco مع الإصدار التجريبي 3.0

Motoxpro picture Motoxpro في ٢١ يناير ٢٠٢٠
👍1

أواجه نفس الشيء مع
"@apollo/client": "~3.0.0-beta.29 و "@apollo/link-error": "^2.0.0-beta.3",
باستخدام ApolloLink.from([errorLink, httpLink])

smeevil picture smeevil في ٣٠ يناير ٢٠٢٠

smeevil هل وجدت أي إصلاح في هذا الأمر ، فأنا أيضًا أواجه نفس المشكلة

Zorig picture Zorig في ٤ فبراير ٢٠٢٠

لا

smeevil picture smeevil في ٤ فبراير ٢٠٢٠

هل يجب إعادة فتح هذا؟

nickluger picture nickluger في ٥ فبراير ٢٠٢٠

أدى تحديث أحدث إصدار من عميل Apollo 3.0.0 beta 32 إلى حل المشكلة بالنسبة لي

Zorig picture Zorig في ٦ فبراير ٢٠٢٠

التحديث إلى [email protected] من 1.1.12 يعمل بالنسبة لي.

CalvinLeGassick picture CalvinLeGassick في ٢١ فبراير ٢٠٢٠
❤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 picture Motoxpro في ٢٦ فبراير ٢٠٢٠
👍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 picture bkstorm في ٩ مارس ٢٠٢٠

استخدام @apollo/link-error بدلاً من apollo-link-error نجح معي.

zhaofinger picture zhaofinger في ١٤ مارس ٢٠٢٠
🎉4 👍4 ❤3

أنا جديد على Apollo وقد تلقيت هذا الخطأ باتباع دليل Apollo Server ، والذي يرشدك إلى استيراد ApolloClient من apollo-boost دون استخدام مكتبات روابط Apollo مباشرة. يبدو الرمز الخاص بي مثل:

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 picture earksiinni في ١٧ مارس ٢٠٢٠

شكرا! سيؤدي تحديث @ apollo / client إلى الإصدار 3.0.0-beta.39 إلى حدوث هذا الخطأ.

يبدو أنه تم إصلاح هذا من خلال الإصدار @ apollo / client إلى 3.0.0-beta.41 ، لحسن الحظ!

mikeyrt16 picture mikeyrt16 في ٢٢ مارس ٢٠٢٠

واجهت هذه المشكلة اليوم عندما جربت الإصدار 3.0.0-beta.43 الجديد.
كان قادرًا على حل ومشاركة الكيفية في حالة مساعدة أي شخص آخر.

بالنسبة لي ، إما تحديد حقل package.json "الحل" إلى beta.43 أو ، بدلاً من ذلك ، حذف yarn.lock وإعادة تثبيت هذا الحقل.

onpaws picture onpaws في ٨ أبريل ٢٠٢٠
👍3 😕1

في الإصدار 3.0.0-بيتا 44. حاولت إضافة حقل الدقة في package.json وحذف ملف yarn.lock ، ولم ينجح أي منهما بالنسبة لي.

SunstroUS picture SunstroUS في ٢٨ أبريل ٢٠٢٠

بالنسبة لي ، أدت ترقية العميل وخطأ الارتباط إلى حل المشكلة:
"@ apollo / client": "^ 3.0.0-beta.49"، "@ apollo / link-error": "^ 2.0.0-beta.3"

GiselaMD picture GiselaMD في ١٩ مايو ٢٠٢٠

انا على

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

وما زالت هذه المشكلة.

petergaultney picture petergaultney في ٨ يونيو ٢٠٢٠

انا على

    "@apollo/client": "^3.0.0-beta.50",

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

وما زالت هذه المشكلة.

بالنسبة لمشروعي ، مراجعة package.json بعناية والتأكد من أن _ جميع_ أشياء Apollo هي 3.0 ، ثم تم حذف yarn.lock وتثبيت الغزل مرة أخرى.

onpaws picture onpaws في ٨ يونيو ٢٠٢٠

شكرا onpaws . أعتقد أن مشكلتي هي أن لدي بالفعل تبعيات (مطور) أخرى لها نفسها Apollo "القديمة" كتبعيات (على سبيل المثال graphql-codegen ) ، وأنا لست مستعدًا لإزالة تلك التبعيات. لكنني لا أستورد الأشياء القديمة الموجودة في التعليمات البرمجية الخاصة بي ، لذلك لا أفهم سبب الخلط بين "كتابة نصوص" بخصوصها. أنا جديد تمامًا على تنك سكريبت ، ومع ذلك ، فمن المحتمل أن تكون هذه مشكلة "أنا" فقط. كل شيء يسير على ما يرام إذا قمت فقط بالإدلاء عبر as any ، على الرغم من أن الأمر يبدو سخيفًا:

export const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: authenLink.concat(httpLink as any) as any
});
petergaultney picture petergaultney في ٨ يونيو ٢٠٢٠
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

vjpr picture vjpr  ·  3تعليقات
Kisepro picture Kisepro  ·  4تعليقات
ChenRoth picture ChenRoth  ·  4تعليقات
zsolt-dev picture zsolt-dev  ·  4تعليقات
Nickersoft picture Nickersoft  ·  3تعليقات