为什么我可以在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
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
安装 vue/apollo-composable:
npm install --save @vue/apollo-composable创建 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) }) })