Apollo-link: zen-observable import는 변환될 때 apollo-client에서 쿼리를 중단합니다.

나는 같은 문제가 있지만 다른 오류가 있습니다.

내 코드가 여기에 있습니다.

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 의 것과 동일한 오류가 발생했습니다.

```js
'동형 가져오기' 가져오기
'apollo-link'에서 apolloLink로 * 가져오기
'zen-observable'에서 Observable 가져오기
apolloLink.Observable = 관찰 가능
````

@stevestreza @mizchi 어떤 버전의 apollo-client와 apollo-link를 사용하고 있습니까?

여기 같은 문제 [email protected] 웹팩 프로젝트는 제거하여 고정 된 * as import 문에, @stevestreza 지적한다.

동일한 문제가 여기에 있습니다.

여기에서도 동일하며 SO에 작성된 Webpack 내 문제가 아니라 Apollo 및/또는 TypeScript에 문제가 있음을 추가하고 싶습니다.

내가 아는 이유는 Webpack 대신 Rollup을 사용하여 번들을 생성하기 때문입니다.

나는 이것이 TypeScript + Rollup 버그라고 생각하지만 이것이 우리 자신의 Rollup 빌드에서 나타나지 않는다는 것에 놀랐습니다. 위에 제안된 변경 사항을 만드는 풀 리퀘스트를 여는 사람이 있습니까?

롤업과 동일한 문제가 있습니다. 저도 Typescript를 사용하지 않습니다.

TS가 완전히 망한 것 같습니다. 오류를 수정하기 위해 모듈을 빌드하려고 시도했지만 TS 오류가 발생했습니다.

안녕하세요, 죄송하지만 이 문제가 해결되는 동안 핫픽스가 있는 사람이 있습니까? 마지막 안정 버전이 무엇인지 아십니까?

지금까지의 조사에서 이 문제는 create-react-app 외부에서만 발생한다고 생각합니다. 따라서 이 _super.call is not a function 문제를 일으키는 문서화되지 않은 create-react-app 내부에 암시적인 가정이 있습니다.

동일한 문제가 있습니다. 방금 새 프로젝트의 문서를 따랐는데 이 오류가 발생했습니다. 나는 Apollo를 계속할 수 없습니다.

여기에 내 다른 문제를 연결: https://github.com/apollographql/apollo-client/issues/2785#issuecomment -354169337 제안된 수정 사항이 있는 곳(테스트하지 않음)

이것이 관련이 있는지 확실하지 않지만 ...

아주 간단한 반응 앱을 위한 번들을 만들기 위해 롤업을 사용하고 있습니다. 내가 apollo-client를 혼합에 도입하려고 할 때까지 모든 것이 잘 작동합니다.

다음 문서: 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: }

위의 관련 문제에서 제안한 대로 node_modules/apollo-link/lib/link.js 의 가져오기를 import Observable from 'zen-observable'; 로 변경하려고 시도했지만 문제가 해결되지 않는 것 같습니다.

나는 상당히 다른 zen-observable 문제에 직면해 있습니다. 봐주세요
https://github.com/apollographql/apollo-link/issues/389
내가 잘못하고 있는지 제안하십시오.

너무 힘들어서 다음 해킹을 사용하여 이 문제를 해결할 수 밖에 없습니다...

웹팩.config.js

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

이 해킹을 제거할 수 있도록 여기에서 도움을 받을 수 있기를 바랍니다.

추신 저는 TypeScript를 사용하지 않고 babel만 사용합니다. 이것이 나에게 깨진 이유인지 확실하지 않습니다.

typescript 없이도 동일한 오류가 발생하고 변경 사항이 있음을 보증할 수 있습니다.

import * as Observable from 'zen-observable';
에게:
import Observable from 'zen-observable';

문제를 해결

젠장 @kinyat 웹팩으로 그렇게 할 수 있는지 전혀 몰랐습니다. 틸!!! 감사 해요!!!

react-apollo 및 parcel-bundler 가 있는 기본 Hello World 앱의 동일한 문제입니다. 어떤 법적 해결책이 있습니까?

@alapini 내 생각에 "합법적인" 솔루션 중 하나는 Apollo가 non-typescript 사용자(예: Babel)에게 ts 컴파일러의 ES5 버전을 제공하는 것입니다.

vuex-orm-apollo 플러그인에 apollo를 사용 하고 있으며 node_modules 내에서 파일을 변경하는 것은 실행 가능한 옵션이 아닙니다. 곧 버그 수정이 정말 좋을 것입니다! :)

최신 버전의 typescript를 사용하면 가져오기를 일반 es 모듈 구문으로 표현할 수 있으므로 Apollo가 typescript 버전을 업그레이드할 때까지 기다리면 TS 사용자가 아닌 우리를 위해 즉시 사용할 수 있습니다.

여기에 나열된 것과 동일한 문제가 발생하는 것 같습니다. 아폴로를 처음 사용하기 때문에 올바르게 연결하고 있는지 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

Parcel.js를 사용하는 사람들의 경우 이 PR이 문제를 임시로 해결하는 것 같습니다. https://github.com/parcel-bundler/parcel/pull/530

이 문제에 대해 너무 깊이 파고 들지 는 여기 에서 언급한 것처럼 문제의 핵심은 다음과 같습니다 .

Babel의 현재 동작은 완전히 정확하며 ES6 사양을 존중합니다. 와일드카드를 사용하여 기본 내보내기를 가져오는 것은 불법이므로 여기에서 발생하는 오류는 합법입니다.

그러나 사람들( #418 )과 라이브러리(antd, @blueprintjs/core 등)는 여전히 이에 의존하고 있습니다. 이 아이디어는 이국적인 네임스페이스에 대한 사양을 완화하여 더 관대해지는 것입니다.

따라서 @stevestreza가 게시한 해결 방법( * as 제거)이 apollo-link에 대한 합법적인 수정인 것 같습니다.

Fwiw, 나는 _apolloLink.Observable is not a constructor 오류가 발생했고 위에서 언급한 parcel.js PR을 사용하면 사라집니다(또는 apollo-client/issues/2785에 언급된 대로 parcel.js 1.2.1로 되돌리기).

Vuejs 프로젝트에서 Rollup을 사용하여 이 문제도 겪고 있습니다.

@tadas412 공유 감사합니다

위의 PR은 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

이것은 apollographql/apollo-client/issues/2785에서도 추적되는 것 같습니다.

나를 위해, 그것은 1.2.0에서 작동합니다.

@littletower 어리석게 들릴지 모르지만 1.2.0을 사용하고 있습니까? node_modules 디렉토리를 삭제하고 패키지를 다시 설치하시겠습니까? 그냥 물어 보는 건데 :)

@phortx 네 이미
구독을 사용하고 있다고 덧붙일 수 있습니다. 변경 사항이 있는지 모르겠습니다.

@littletower 이상 apollo-client 에는 apollo-link 에 대한 종속성이 있으므로 종속성이 업데이트되지 않았을 수 있습니다. 재생산 저장소를 만들 수 있습니까?

변경 사항은 실제 코드 수준 문제를 확실히 수정했지만 yarn 이 충돌을 일으키는 것처럼 보입니다.

• npm install 를 사용하여 종속성을 설치하면 apollo-client 변경 없이 apollo-link 1.2.0 을 로드합니다. 이것은 훌륭하게 작동하며 보고된 문제는 더 이상 발생하지 않습니다. (수동으로 설치해야 graphql-tag 하고있는 가져 오기에 괄호를 제거 src/client/index.js 이를 확인하기 위해)
• yarn install 를 사용하면 apollo-link 1.0.0 버전이 설치됩니다. 1.2.0을 명시적으로 yarn add apollo-link 설치하면 node_modules/apollo-link 버전은 1.2.0이 되지만 apollo-link 1.0.0의 다른 버전은 node_modules/apollo-client/node_modules/apollo-link .

이 시점에서 원사가 이 문제를 해결하는 방법에 대한 지식이 없습니다(1.0.0이 아니라 apollo-link 1.2.0을 설치했을 것으로 예상됩니다). "올바른"수정은 apollo-link 에 대한 package.json에 apollo-client apollo-link 1.2.0이 필요하다고 생각합니다. apollographql/apollo-client#2785에 메모를 남깁니다.

어느 쪽이든, 이것은 여기에서 완전히 해결된 것 같습니다!

@evans 재생산을 위해 repo를 만들었고 무엇을 추측합니까? 나는 문제가 없지만 원래 코드에서는 여전히 문제가 있습니다... 더 조사하겠습니다. 피드백을 주셔서 감사합니다!

Polymer 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 해결책을 찾으셨습니까? 나는 같은 문제에 직면하고 있습니다.