ウェブサイト検索

typescript - Angular、GraphQL、Apollo - GraphQLサブスクリプションでフォームデータを送信する

私は、ローカルのGraphQL APIからデータを表示するAngularアプリをGraphQLとApolloで作成しています。

さらに、私はユーザーが新しいデータをAPIに投稿できるフォームに取り組んでいますが、ここで正しい方法を使っているかどうかはわかりません。

現在、私はこのエラーを受けています:

ERROR TypeError: Converting circular structure to JSON

では、関連するコードをお見せします。

form.component.html

これは onSubmit 関数にアクセスする HTML フォームです。

<button type="submit" (click)="onSubmit()" [disabled]="!personForm.valid" id="buttonSubmit" mat-raised-button color="accent"cl

続きを読む →

Amazon Web Services - AWS Apollo Angularを使用してIonic 3でオフラインサポートを実現する方法は?

  1. モバイルアプリで自分がオンラインかオフラインかをどうやって確認しますか?
  2. オフラインモードでデータを更新(変更)する方法。
  3. オンラインになった場合、すべてのデータを再取得するにはどうすればよいですか、それともキャッシュされたデータを使い続けますか?
  4. オフライン操作の要件は何ですか?例えば、変更があった場合にはどのようなことが起こると予想していますか?

私はAWS APIからApollo-Angularを使ってデータをクエリして取得することができます。しかし、オフラインモード(インターネット接続なし)ではデータの更新や削除ができません。

同じ件については、以下のリンクを参照しています。Apollo Angular リンク

続きを読む →

graphql - TypeScriptを使用したApolloゲートウェイがコンテキスト内のユーザーIDを受け付けない

私はTypeScriptを使ってApolloの新しいゲートウェイを実装しようとしています。しかし、どうしても解決できないTypeScriptの問題に直面し続けています。エラーメッセージは「Property 'userId' does not exist on type 'TContext'.ts(2339)」です。なお、私はAWS Lambda上で実装しようとしています。

パッケージのソースコードを見た限りでは、TContext=Record はオブジェクトですが、解決されないようです。

import { ApolloServer }

続きを読む →

javascript - getInitialPropsでApolloクライアントを使う方法は? - Next 9.3.5

Next 9.3.5/TypeScript/Apollo boost/next-with-apollo を使用しています

const { loading, error, data } = useQuery(DATA_QUERY, { variables: { id: someId, }, });

実際にクライアントだけでレンダリングされるのでしょうか?ページのソースコードを確認したところ、これらのデータが見えました。これはSSRが機能しているということでしょうか?それとも、getInitialPropsを使ってそこでApolloクライアントを使いクエリを実行し、それをコンポーネントのpropsとして渡す必要がありますか?また、クライアント側でクリック時にクエリされたデータを変更したい場合は、サーバー側で監視する必要がありますか、それともクライアント側だけで構いませんか?

続きを読む →

typescript - AngularでのAuth0 & Apollo-clientライブラリの問題「解析可能なクエリパラメータがありません」

私は現在、AngularフロントエンドにAuth0認証を実装しようとする小さなプロジェクトに取り組んでいます。これまでのところ、動作は素晴らしいです。しかし、ng add apollo-client を使用してapollo-clientパッケージをインストールしたとき、Auth0から私のアプリケーションへのリダイレクトでエラーが発生し、ログインできません。

私はフロントエンドをバックエンドの GraphQL API に接続するために Apollo クライアントを使用したいで

続きを読む →

typescript - ネットワークエラー後、Apolloの再取得がリクエストを行わない

コンテキスト

私たちは現在、Graphqlバックエンドを持つReact Native iOSアプリを開発しています。このアプリ内では、インターネット接続がない場合やAPIがダウンしている場合に、ユーザーにモーダルを表示したいと考えています。

私たちはApolloとgraphql-code-generatorを使用しているので、データを取得するコンポーネント内に生成されたフックがあります。フックがネットワークエラーを返すとモーダルを表示します。ネットワークエラーが検出された場合、フックからのrefetchメソッドを使用して、ネットワークやAPIが復旧しているかをポーリングします。

問題

残念ながら、これはうまくいかないようです。ネットワークが再確立された後にrefetchメソッドを呼び出しても、リクエストは発生しません。refetchメソッドはネットワークエラーもス

続きを読む →

javascript - エラー: ネットワークエラー: url_1.URL はコンストラクタではありません at new ApolloError

私はApolloクライアントをAWS IAMで認証しようとしています。

私はApolloクライアントを設定するために、次のTypeScriptスクリプトを持っています

/* eslint-disable import/prefer-default-export */ /* eslint-disable import/no-mutable-exports */ import { ApolloClient } from 'apollo-client'; import { createHttpLink } fr

続きを読む →

typescript - TypeError: React.createContextはApolloContextとJestで関数ではありません

私は、Apollo+GraphQLを使っているTS+NextJSアプリで、Jestを使ってTypeScriptコードをテストしようとしています。残念ながら、エラーが発生しています

TypeError: React.createContext is not a function

次のノードモジュールから:

Stack Overflow の他の質問でこのエラーを見ると、react のバージョンが古いと書かれていますが、私の package.json の react のバージョンは

だから、この問題の原因が何なのかはよくわかりません。どういうわけか、型チェックが失敗してい

続きを読む →

node.js - TS 初心者の質問: プロミスの解決を試みるときに Apollo Server を起動するとコンパイルエラーが発生する

誰かがこれを助けてくれることを願っています -- TypeScriptプロジェクトでExpressを実行してApolloサーバーを起動しようとしています。私のapp.tsは以下の通りです。次のエラーが発生しています:

Argument of type '(value: unknown) => void' is not assignable to parameter of type '() => void'.ts(2769)

これは、実

続きを読む →

typescript - Angular V8にapollo-angular V2を統合する

私は、Angular V8を使用している自分のAngularプロジェクトにapollo-angularを統合しようとしていますが、次のエラーが発生しています:

私が使用しているapollo-angularのバージョンは次の通りです: "@apollo/client": "^3.4.11"、"apollo-angular": "^2.6.0"、および "graphql": "^15.5.3"。

また、それらの apollo-angular のバージョンを実際に Angular V8 で使用することが可能なのか、それとも Angular V10 にアップグレードする必要があるのか気になっています。

続きを読む →