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 = Observable
「」

@stevestreza @mizchiどのバージョンのapollo-clientとapollo-linkを使用していますか？

@stevestrezaが指摘した* asを削除することで、同じ問題が修正されました。

ここで同じ問題。

ここでも同じですが、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 ：

これが関連しているかどうかはわかりませんが...

ロールアップを使用して、非常に単純なReactアプリのバンドルを作成します。 apollo-clientをミックスに導入しようとするまで、すべてが正常に機能しています。

こちらのドキュメントに従ってください： https ：

ロールアップを使用してプロジェクトをビルドしようとすると、ビルド中に次のエラーが発生します。

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';変更しようとしましたが、問題が修正されていないようです。

私は、まったく異なるzen-observableの問題に直面しています。 ご覧ください
https://github.com/apollographql/apollo-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'
        }
      },

私は本当に私がこのハックを取り除くことができるように私がここでいくつかの助けを得ることができることを望みます...

PS私はTypeScriptを使用せず、ただバベルを使用します。 これが私にそれが壊れている理由であるかどうかわからない

タイプスクリプトなしでも同じエラーが発生し、変更を加えることを保証できます

import * as Observable from 'zen-observable';
に：
import Observable from 'zen-observable';

問題を修正します

くそー@kinyat私はあなたがwebpackでそれを行うことができるとは思いもしませんでした。 TIL !!! ありがとうございました！！！

react-apolloとparcel-bundlerした基本的なHelloWorldアプリでも同じ問題が発生します。 法的な解決策はありますか？

@alapini 「合法的な」解決策の1つは、Apolloが非typescriptユーザー（つまりBabel）にtsコンパイラからES5バージョンを提供することだと思います。

vuex-orm-apolloプラグインにapolloを使用していますが、 node_modules内のファイルを変更することは私にとって実行可能なオプションではありません。 すぐにバグ修正が本当にいいでしょう！ :)

最新バージョンのtypescriptを使用すると、インポートは通常のesモジュール構文で表現できるため、Apolloがtypescriptバージョンをアップグレードするのを待つと、TS以外のユーザーにとってはすぐに機能します。

私はここにリストされている同じ問題のいくつかに遭遇していると思います。 初めてapolloを使用するので、正しく接続されているかどうかは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 ：

私はこの問題についてあまり深く掘り下げていませんが、 @ fathybがここで指摘して

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.js1.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それは奇妙です。 1.1.0でも同じエラーが発生していましたが、1.2.0で解決したようです。 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がインストールされます。 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インストールされます。

これを修正するためにyarnがどのように機能するかについての私の知識はこの時点では過ぎています（1.0.0ではなくapollo-link 1.2.0がインストールされていると思います）。 「正しい」修正は、package.jsonでapollo-clientに対してapollo-link 1.2.0を要求することだと思います。 apollographql / apollo-client＃2785にメモをドロップします。

いずれにせよ、しかし、これはここで完全に修正されているようです！

@evans複製用のリポジトリを作成しましたが、何を推測しますか？ 問題は発生していませんが、元のコードではまだ問題が発生しています...さらに調査します。 フィードバックをお寄せいただきありがとうございます！

Polymer3プロジェクトと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解決策は見つかりましたか？ 私は同じ問題に直面しています。