GraphQL ファイルを nuxt.js にインポートします。

Question

そこで、postgraphile によって生成されたスキーマをインポートしていますが、正しく読み込まれません。

これは出力のタイプです:

定義: Array(44) [ {…}, {…}, {…}, … ]
種類：「ドキュメント」
loc: オブジェクト { 開始: 0、終了: 26188、ソース: {…} }

クエリ allUsers をロードするためにさまざまなコード バリエーションを試しました。

<スクリプトのセットアップ>
「@/graphql/schema.gql」からスキ​​ーマをインポートします

console.log('Query', Schema.valueOf('allUsers'))

const { data } = 待機 useAsyncQuery(Query)
</script>

Answer 1

valueOf メソッドはこの目的には適していません。 GraphQL スキーマ ドキュメントは、キーと値のアクセス メソッドを介してクエリ、ミューテーション、またはサブスクリプションに直接アクセスすることはできません。 ,

まず、プロジェクトにgraphql-tag パッケージがインストールされていることを確認してください:

npm installgraphql-ta

schema.gql でクエリを定義します:

リーリー

AllUsers クエリをコンポーネントにインポートして使用します:

リーリー

お役に立てば幸いです