在nuxt.js中匯入GraphQL檔案。
P粉754473468
P粉754473468 2023-07-28 10:59:10
0
1
563
<p>所以我正在導入由postgraphile產生的模式,但它沒有正確加載。 </p><p>這是輸出的型別:</p><p><br /></p> <pre class="brush:php;toolbar:false;">definitions: Array(44) [ {…}, {…}, {…}, … ] kind: "Document" loc: Object { start: 0, end: 26188, source: {…} }</pre> <p>我嘗試了各種程式碼變更來載入我的查詢allUsers。 </p> <pre class="brush:php;toolbar:false;"><script setup> import Schema from '@/graphql/schema.gql' console.log('Query', Schema.valueOf('allUsers')) const { data } = await useAsyncQuery(Query) </script></pre> <p><br /></p>
P粉754473468
P粉754473468

全部回覆(1)
P粉807471604

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>

希望有用

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板