使用Nuxt Composition API和Nuxt Apollo模組的技巧和指南
P粉134288794
P粉134288794 2023-08-26 11:07:26
0
1
482

為什麼我可以在nuxt組合API中使用nuxt apollo模組?如果我嘗試使用這個外掛範例:

import {Context} from '@nuxt/types' import { provide, onGlobalSetup, defineNuxtPlugin } from '@nuxtjs/composition-api' import {DefaultApolloClient} from '@vue/apollo-composable/dist' /*** 這個插件將連接@nuxt/apollojs和@vue/apollo-composable*/ export default defineNuxtPlugin(({app}: Context): void => { onGlobalSetup(() => { provide(DefaultApolloClient, app.apolloProvider?.defaultClient) }) })

我得到了這個錯誤:Error: Apollo client with id default not found. Use provideApolloClient() if you are outside of a component setup

P粉134288794
P粉134288794

全部回覆 (1)
P粉399585024
  1. 安裝 vue/apollo-composable:npm install --save @vue/apollo-composable

  2. 建立 nuxt 外掛程式(provide-apollo-client.ts):

import { Context } from '@nuxt/types' import { onGlobalSetup, defineNuxtPlugin } from '@nuxtjs/composition-api' // @ts-ignore import { provideApolloClient } from '@vue/apollo-composable' /** * This plugin will connect @nuxt/apollojs with @vue/apollo-composable */ export default defineNuxtPlugin(({ app }: Context): void => { onGlobalSetup(() => { provideApolloClient(app.apolloProvider?.defaultClient) }) })
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!