Import fail GraphQL dalam nuxt.js.

Question

Jadi saya mengimport skema yang dijana oleh postgraphile, tetapi ia tidak dimuatkan dengan betul.

Ini ialah jenis keluaran:

definisi: Array(44) [ {…}, {…}, {…}, … ]
jenis: "Dokumen"
loc: Objek { mula: 0, tamat: 26188, sumber: {…} }

Saya telah mencuba pelbagai variasi kod untuk memuatkan pertanyaan saya semuaPengguna.

<setup script>
import Skema daripada '@/graphql/schema.gql'

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

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

Answer 1

Kaedah

valueOf tidak sesuai untuk tujuan ini. Dokumen skema GraphQL tidak mempunyai akses langsung kepada pertanyaan, mutasi atau langganannya melalui kaedah akses nilai kunci. ,

Mula-mula, pastikan anda telah memasang pakej graphql-tag dalam projek anda:

npm install graphql-ta

Tentukan pertanyaan anda dalam schema.gql:

query AllUsers {
  allUsers {
    nodes {
      id
      name
      # other fields...
    }
  }
}

Import dan gunakan pertanyaan AllUsers dalam komponen:

<script setup>
import { useQuery } from "@vue/apollo-composable";
import { loader } from "graphql.macro";

const Schema = loader('@/graphql/schema.gql');

const { result } = useQuery({
  query: Schema.AllUsers
});

// Here, 'result' will contain your fetched data when available.
</script>

Semoga bermanfaat