Importieren Sie die GraphQL-Datei in nuxt.js.

Question

Ich importiere also das von Postgraphile generierte Schema, aber es wird nicht richtig geladen.

Dies ist die Art der Ausgabe:

definitionen: Array(44) [ {…}, {…}, {…}, … ]
Art: „Dokument“
loc: Object { start: 0, end: 26188, source: {…} }

Ich habe verschiedene Codevarianten ausprobiert, um meine Abfrage allUsers zu laden.

<script setup>
Schema aus „@/graphql/schema.gql“ importieren

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

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

Answer 1

valueOf方法不适用于此目的。GraphQL模式文档无法通过键值对访问方法直接访问其查询、变异或订阅。、

首先，请确保您已在项目中安装了graphql-tag包：

npm install graphql-ta

在schema.gql中定义您的查询：

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

在组件中导入并使用AllUsers查询：

<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>

希望有用