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

続きを読む →

angular - UIからGraphQLに引数を渡してデータを取得する方法

バックエンドからデータを取得できるGraphQlのURLがあります。しかし、問題は現在、データを取得するために顧客のハードコーディングされたIDを提供していることです。入力ボックスを作成し、ユーザーが顧客IDを入力して任意の顧客レコードを取得できるようにしたいです。現在の顧客レコードを取得するためのハードコーディングされたコード:

ngOnInit() { this.apollo .watchQuery({ query: gql` { findCustomer(id: "UF2aLa1L687") { id customerType } } `, }) .valueChanges.subscribe(result => { this.customer = result.data ; this.loading = result.loading; this.error = result.errors; console.log('Customer Info'

続きを読む →

node.js - type-graphqlと一緒に使用していると、TypeORM CLIがマイグレーションを生成しない

私はTypeORMをTypeGraphQLと一緒に使いたかった。

TypeGraphQL にはこの場合の例さえあります。

しかし、それをそのように使って、TypeORM CLI を使って migration:generate を実行してマイグレーションを生成しようとしても、何も起こりません。

ログにはエラーはなく、他のログもなく、何もありません。

これが私が実行しているコマンドです:

GitHubの問題: https://github.com/typeorm/typeorm/issues/4361

続きを読む →

typescript - graphql codegenはフックの結果データフィールドの型を自動的に生成できますか？

私はgraphql codegenのフックを使用しており、その結果はApolloReactCommon.QueryResult型で、data、loading、errorフィールドを持つオブジェクトであることを意味します。

一般的には、他のコンポーネントで data を使用する際に、その型を定義する必要があります。現在、data の型を取得するために次のように書く必要があります:

type MyPost = MyPostQueryHookResult['data']

このMyPostタイプが作成されることを期待していました。自動的に生成する方法はありますか？

私の設定：

generates: src/generated/graphql.tsx: plugins: - "

続きを読む →

javascript - React、Graphql スキーマ型宣言

私はReactとApollo:generateでgraphqlを使用して、graphqlスキーマから型を作成しています。

私はデータを出力するために、react-apollo-hooks の useQuery も使用しています。

すべてが正常に動作しているようで、データが出力されているのが見えます

私の問題は、生成された型をどのように宣言して、それからVCコードでインテリセンスを得るかがわからないことです。

クエリ

import { gql } from 'apollo-boost'; export const GET_ALL_RECIPES = gql` query RecipesDa

続きを読む →

node.js - フロントエンドとnodejsのGraphQL間で型を共有する推奨方法

私は Node.js 上で GraphQL と共に TypeScript の使用を始めました。しかし、私にとって気になることの一つは、apollo-server-express からの gql を使うことです。GraphQL スキーマ内で使用されている型を他の場所で使う方法はありますか。

import { gql } from 'apollo-server-express'; export const userSchema = gql` type User { id: String! name: String } type Query { getUsers: [User] } `;

今、私はUserのために別のインターフェースを作りたくありません。そして、次のようなインターフェースをすぐに利用できるようにしたいです:

export const usersResolv

続きを読む →

typescript - type-graphqlを使ってリゾルバーの返り値にnullを入れるにはどうすればいいですか？

私は初心者です。（翻訳ツールを使っているので、文章が変かもしれません。ごめんなさい！🙏）

type-graphql を使っているときに解決できない部分があるので質問があります。type-graphql の Object Type を使って、graphql タイプ(?) を作り、Field の nullable を true に設定しました。そしてリゾルバを作り、そのモデルをリゾルバの返り値の型に設定しました。

ただし、Resolver の戻り値が null の場合、以下のエラーが発生します。

どうすればいいでしょうか？… 空の文字列を入れるのはあまり洗練された方法ではなさそうです。

続きを読む →

typescript - graphql-tag/loader経由での複数のgraphqlクエリインポートの型定義

私は、webpackのgraphql-tag/loaderを通じてgraphqlファイルからクエリをインポートするコンポーネントを持っています。

query testQuery { test } query test2Query { test } import { testQuery, test2Query } from './test.graphql'

私は現在、すべての可能なクエリとミューテーションに対して一般的な型付けを宣言しようとしています:

declare module '*.graphql' { import { DocumentNode } from 'graphql'; const exp: { [key: string]: DocumentNode }; export default exp; }

TypeScriptコンパイラが私のインポートを認識しません。型定義が間違

続きを読む →

TypeScriptでのGraphQL: リゾルバーの型エラー

apollo-graphqlを使用して、「account」タイプとgraphql-iso-dateを使用する関連するリゾルバーを作成しました。この構成により以下のエラーが発生します。原因と解決方法について何かアイデアはありますか？

以下に含まれるコードでは、typedef は特定の typedef モジュールからのコレクションにまとめられています。

タイプ '{ Date: GraphQLScalarType; DateTime: GraphQLScalarType; Time: GraphQLScalarType; } | { Query: AccountQueryResolver; }' はタイプ 'IResolvers | IResolvers[] | undefined' に割り当てることができません。

タイプ '{ Date: GraphQLScalarType; DateTime: GraphQLScalarType; Time: GraphQLScalarType; }' はタイプ 'IResolvers

続きを読む →

reactjs - React Graphql Typescript - プロパティは型 '{}' に存在しません

私はシンプルなReact GraphQLアプリを作ろうとしています。MongoDBに接続するためにStrapiを使用しています。

すべて問題なく動作しており、私は単純にMongoDBで全ての本を取得するクエリで本の名前を表示しています

私の問題はTypeScriptにあります - Property does not exist on type '{}' というエラーが出ていて、正しく修正する方法が分かりません。

私はQueryコンポーネントを持っています

import React, { ReactElement } from 'react'; import { useQuery } from "@apollo/react-hooks"; import { DocumentNode } from 'graphql'; interface IProps{ children(data:{}): ReactElement; query: DocumentNode

続きを読む →