Apollo-link: ज़ेन-अवलोकन योग्य आयात ट्रांसपिल्ड होने पर अपोलो-क्लाइंट में प्रश्नों को तोड़ता है

मुझे एक ही समस्या है लेकिन अंतर त्रुटि के साथ।

मेरा कोड यहाँ है।

import 'isomorphic-fetch'
import { ApolloLink } from 'apollo-link'
import { ApolloClient } from 'apollo-client'
import { HttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'

export default new ApolloClient({
  link: new HttpLink({ uri: 'http://localhost:5000/api/graphql' }),
  cache: new InMemoryCache()
})

Uncaught (in promise) TypeError: _apolloLink.Observable is not a constructor
    at HttpLink.eval [as request] (httpLink.js:98)
    at eval (link.js:60)
    at ApolloLink.eval [as request] (ApolloClient.js:30)
    at ApolloLink.eval [as request] (link.js:59)
    at execute (link.js:94)
    at eval (QueryManager.js:134)
    at new Promise (<anonymous>)
    at QueryManager.mutate (QueryManager.js:129)
    at ApolloClient.mutate (ApolloClient.js:109)
    at Header.componentDidMount (index.js:53)

मैंने इस काम को करने की कोशिश की और मुझे @stevestreza के साथ एक ही त्रुटि मिली।

```जेएस
आयात 'आइसोमोर्फिक-लाने'
'अपोलो-लिंक' से अपोलोलिंक के रूप में आयात करें *
'ज़ेन-अवलोकन योग्य' से देखने योग्य आयात करें
apolloLink.ऑब्जर्वेबल = ऑब्जर्वेबल
````

@stevestreza @mizchi अपोलो-क्लाइंट और अपोलो-लिंक के किस संस्करण का आप उपयोग कर रहे हैं?

वेबपैक प्रोजेक्ट में * as को हटाकर तय किया गया है, जैसा कि @stevestreza ने बताया।

यहाँ वही मुद्दा।

यहां वही है, और यह जोड़ना चाहते हैं कि समस्या वेबपैक के भीतर नहीं है, जैसा कि SO पर लिखा गया है, लेकिन अपोलो और/या टाइपस्क्रिप्ट में है।

कारण मुझे पता है कि मैं वेबपैक के बजाय बंडल बनाने के लिए रोलअप का उपयोग कर रहा हूं।

मुझे लगता है कि यह एक टाइपस्क्रिप्ट + रोलअप बग है लेकिन मुझे आश्चर्य है कि यह हमारे अपने रोलअप बिल्ड में प्रकट नहीं हो रहा है। क्या यहां कोई ऊपर सुझाए गए परिवर्तन करने के लिए पुल अनुरोध खोलने के लिए तैयार होगा?

रोलअप के साथ यहाँ भी यही समस्या है। मैं टाइपस्क्रिप्ट का भी उपयोग नहीं कर रहा हूं।

ऐसा लगता है कि टीएस सब खराब हो गया है। मैंने त्रुटियों को ठीक करने के लिए मॉड्यूल बनाने की कोशिश की लेकिन टीएस त्रुटियां हो रही थीं।

नमस्ते मेरे पूछने के लिए क्षमा करें, लेकिन क्या किसी के पास हॉटफिक्स है, जबकि इसका समाधान किया जा रहा है? कोई विचार है कि अंतिम स्थिर संस्करण क्या था?

मेरी जांच में अब तक मुझे लगता है कि यह समस्या केवल क्रिएट-रिएक्शन-ऐप के बाहर होती है। इसलिए create-react-app के अंदर कुछ अंतर्निहित धारणा है जिसे दस्तावेज नहीं किया जा रहा है जो इस _super.call is not a function समस्या का कारण बन रहा है।

यहां एक ही समस्या है, मैंने अभी एक नई परियोजना पर डॉक्टर का पालन किया है और यह त्रुटि मिली है। मैं अपोलो के साथ जारी रखने में असमर्थ हूँ।

बस मेरे दूसरे मुद्दे को यहां लिंक कर रहा हूं: https://github.com/apolographql/apolo-client/issues/2785#issuecomment -354169337 जहां एक प्रस्तावित फिक्स है (मैंने परीक्षण नहीं किया है)

सुनिश्चित नहीं है कि यह संबंधित है लेकिन ...

मैं एक बहुत ही सरल प्रतिक्रिया ऐप के लिए एक बंडल बनाने के लिए रोलअप का उपयोग कर रहा हूं। सब कुछ ठीक काम कर रहा है जब तक कि मैं अपोलो-क्लाइंट को मिश्रण में पेश करने की कोशिश नहीं करता ..

यहां प्रलेखन का पालन करें: https://www.apollographql.com/docs/react/basics/setup.html#installation

रोलअप के साथ प्रोजेक्ट बनाने का प्रयास करने के बाद मुझे बिल्ड के दौरान निम्न त्रुटि मिलती है:

of is not exported by node_modules/zen-observable/index.js
47:         return new ApolloLink(function (operation, forward) {
48:             return (firstLink.request(operation, function (op) {
49:                 return nextLink.request(op, forward) || Observable.of();
                                                                       ^
50:             }) || Observable.of());
51:         });
node_modules/apollo-link/lib/link.js
of is not exported by node_modules/zen-observable/index.js
48:             return (firstLink.request(operation, function (op) {
49:                 return nextLink.request(op, forward) || Observable.of();
50:             }) || Observable.of());
                                 ^
51:         });
52:     }
node_modules/apollo-link/lib/link.js
of is not exported by node_modules/zen-observable/index.js
74: export { ApolloLink };
75: export function execute(link, operation) {
76:     return (link.request(createOperation(operation.context, transformOperation(validateOperation(operation)))) || Observable.of());
                                                                                                                                 ^
77: }

जैसा कि ऊपर संबंधित मुद्दे में सुझाया गया है, ive ने node_modules/apollo-link/lib/link.js से import Observable from 'zen-observable'; में आयात को बदलने की कोशिश की, लेकिन ऐसा लगता है कि यह समस्या ठीक नहीं हुई है।

मुझे ज़ेन-अवलोकन योग्य के साथ एक समस्या का सामना करना पड़ रहा है जो काफी अलग है। कृपया एक नज़र डालें
https://github.com/apolographql/apolo-link/issues/389
और सुझाव दें कि क्या मैं कुछ गलत कर रहा हूँ।

मैं इतना संघर्ष कर रहा हूं कि मेरे पास इस मुद्दे से निपटने के लिए निम्नलिखित हैक का उपयोग करने के अलावा कोई विकल्प नहीं है ...

webpack.config.js

      {
        test: /node_modules\/apollo-link.*?\/lib\/.*?.js/,
        loader: 'string-replace-loader',
        options: {
          search: 'exports.Observable = Observable',
          replace: 'exports.Observable = Observable.default'
        }
      },

मैं वास्तव में चाहता हूं कि मुझे यहां कुछ मदद मिल सके ताकि मैं इस हैक को हटा सकूं ...

पीएस मैं टाइपस्क्रिप्ट का उपयोग नहीं करता बल्कि सिर्फ बेबेल का उपयोग करता हूं। सुनिश्चित नहीं है कि यही कारण है कि यह मेरे लिए टूटा हुआ है

मुझे टाइपप्रति के बिना वही त्रुटि मिलती है और मैं पुष्टि कर सकता हूं कि परिवर्तन कर रहा हूं

import * as Observable from 'zen-observable';
प्रति:
import Observable from 'zen-observable';

समस्या को ठीक करता है

अरे @kinyat मुझे नहीं पता था कि आप

react-apollo और parcel-bundler साथ एक बुनियादी हैलो वर्ल्ड ऐप में एक ही समस्या। कोई कानूनी समाधान?

@alapini मुझे लगता है कि "कानूनी" समाधानों में से एक अपोलो के लिए गैर-टाइपस्क्रिप्ट उपयोगकर्ता (यानी बेबेल) को टीएस अनुपालन से ईएस 5 संस्करण प्रदान करना है।

मैं अपने vuex-orm-apolo प्लगइन के लिए अपोलो का उपयोग कर रहा हूं और node_modules भीतर फाइलों को बदलना मेरे लिए व्यवहार्य विकल्प नहीं है। जल्द ही एक बगफिक्स वास्तव में अच्छा होगा! :)

टाइपस्क्रिप्ट के नवीनतम संस्करण के साथ आयात को सामान्य एस मॉड्यूल सिंटैक्स में व्यक्त किया जा सकता है, इसलिए हो सकता है कि अगर हम सभी टाइपस्क्रिप्ट संस्करण को अपग्रेड करने के लिए अपोलो की प्रतीक्षा करते हैं तो यह हमारे लिए गैर टीएस उपयोगकर्ताओं के लिए बॉक्स से बाहर काम करेगा।

मुझे लगता है कि मैं यहां सूचीबद्ध कुछ समान मुद्दों में भाग रहा हूं। पहली बार अपोलो का उपयोग कर रहा हूं, इसलिए मुझे 100% यकीन नहीं है कि मैं चीजों को सही तरीके से जोड़ रहा हूं। मैं नरक के साथ टाइपप्रति के बिना रोलअप का उपयोग कर रहा हूँ।

The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten

'of' is not exported by 'node_modules/zen-observable/index.js'
'of' is not exported by 'node_modules/zen-observable/index.js'
'of' is not exported by 'node_modules/zen-observable/index.js'

(node:37350) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: 'print' is not exported by node_modules/graphql/language/printer.js
(node:37350) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code

पार्सल.जेएस का उपयोग करने वालों के लिए, यह पीआर इस मुद्दे को अस्थायी रूप से ठीक करता प्रतीत होता है: https://github.com/parcel-bundler/parcel/pull/530

मैंने इस समस्या में बहुत गहरा गोता नहीं लगाया है, लेकिन ऐसा लगता है कि इस मुद्दे का मूल, जैसा कि यहां नोट करता

बैबेल का वर्तमान व्यवहार पूरी तरह से सही है और ES6 युक्ति का सम्मान करता है। वाइल्डकार्ड के साथ डिफ़ॉल्ट निर्यात आयात करना अवैध है, इसलिए यहां त्रुटियां वैध हैं।

हालाँकि, लोग ( #418 ) और पुस्तकालय (antd, @blueprintjs/core, आदि..) अभी भी इस पर निर्भर हैं। विदेशी नामस्थानों पर कल्पना को शिथिल करके अधिक सहिष्णु होने का विचार है।

तो ऐसा लगता है कि @stevestreza पोस्ट किया गया वर्कअराउंड ( * as को हटा रहा है) अपोलो-लिंक के लिए एक वैध फिक्स है, नहीं?

Fwiw, मुझे _apolloLink.Observable is not a constructor त्रुटि मिल रही थी, और यह दूर हो जाता है यदि मैं उपरोक्त उल्लिखित parsel.js PR का उपयोग करता हूं (या parsel.js 1.2.1 पर वापस जाएं जैसा कि apollo-client/issues/2785 में उल्लेख किया गया है)

मुझे यह समस्या एक Vuejs प्रोजेक्ट में रोलअप का उपयोग करने के साथ-साथ हो रही है।

@tadas412 . साझा करने के लिए धन्यवाद

उपरोक्त पीआर 1.2.0 में प्रकाशित हुआ था। मुझे बताएं कि क्या यह अभी भी हल नहीं हुआ है!

अभी भी 1.2.0 के साथ त्रुटि हो रही है .

TypeError: _super.call is not a function
    at new ObservableQuery
    at QueryManager.watchQuery 
    at eval 
    at new Promise 
    at QueryManager.query 
    at ApolloClient.query
    at VueComponent.created

ऐसा लगता है कि यहां ट्रैक किया जा रहा है अपोलोग्राफक्ल/अपोलो-क्लाइंट/मुद्दे/2785 भी

मेरे लिए, यह 1.2.0 के साथ काम करता है।

@littletower यह मूर्खतापूर्ण लग सकता है, लेकिन क्या आप सुनिश्चित हैं, आप 1.2.0 का उपयोग कर रहे हैं? शायद node_modules dir को हटा दें और संकुल को पुनः स्थापित करें? सिर्फ पूछ रहे :)

@phortx हाँ मैंने पहले ही ऐसा कर लिया है :(
मैं जोड़ सकता हूं कि मैं सदस्यता का उपयोग कर रहा हूं, नहीं जानता कि क्या इससे कुछ भी बदलता है

@littletower यह अजीब है। मुझे 1.1.0 के साथ वही त्रुटि मिल रही थी और 1.2.0 इसे हल करने के लिए लग रहा था। apollo-client की निर्भरता apollo-link , इसलिए हो सकता है कि इसकी निर्भरता अपडेट न हुई हो। क्या आप एक प्रजनन रेपो बना सकते हैं?

परिवर्तन ने निश्चित रूप से वास्तविक कोड-स्तरीय समस्या को ठीक कर दिया है, लेकिन ऐसा लगता है कि yarn एक विरोध पैदा कर रहा है।

• जब मैं निर्भरताओं को स्थापित करने के लिए npm install का उपयोग करता हूं, तो यह apollo-link 1.2.0 को apollo-client से बिना किसी बदलाव के लोड करता है। यह बहुत अच्छा काम करता है और रिपोर्ट की गई समस्या अब नहीं होती है। (आप मैन्युअल रूप से स्थापित किया है graphql-tag और में आयात में ब्रेसिज़ को दूर src/client/index.js इस सत्यापित करने के लिए)
• जब मैं yarn install उपयोग करता हूं, तो यह संस्करण apollo-link 1.0.0 स्थापित करता है। जब मैं yarn add apollo-link स्पष्ट रूप से 1.2.0 स्थापित करने के लिए, node_modules/apollo-link संस्करण 1.2.0 हो जाता है, लेकिन apollo-link 1.0.0 का एक और संस्करण node_modules/apollo-client/node_modules/apollo-link पर स्थापित होता है

मैं इस बिंदु पर अपना ज्ञान अतीत में हूं कि यार्न इसे ठीक करने के लिए कैसे काम करता है (मैं उम्मीद करता हूं कि यह apollo-link 1.2.0 स्थापित हो, 1.0.0 नहीं)। मुझे लगता है कि "सही" फिक्स को apollo-link 1.2.0 की आवश्यकता है package.json apollo-client । मैं apollographql/apolo-client#2785 में एक नोट छोड़ूंगा।

किसी भी तरह, हालांकि, यह यहाँ पूरी तरह से तय लगता है!

@evans मैंने प्रजनन के लिए एक रेपो बनाया और अनुमान लगाया कि क्या? मुझे समस्या नहीं हो रही है, लेकिन मेरे मूल कोड में मैं अभी भी करता हूं... मैं आगे की जांच करूंगा। प्रतिपुष्टि के लिए धन्यवाद!

मुझे पॉलिमर 3 प्रोजेक्ट और apollo-boost में एक ही त्रुटि मिल रही है:

import { HttpLink } from 'apollo-link-http';

कारण

Uncaught SyntaxError: The requested module '../../zen-observable/index.js'
                      does not provide an export named 'default'

@heruan क्या आपको कोई समाधान मिला? मैं एक ही मुद्दे का सामना कर रहा हूं।