Tipps und Richtlinien zur Verwendung der Nuxt Composition API und des Nuxt Apollo-Moduls
P粉134288794
2023-08-26 11:07:26
<p>Warum kann ich das Nuxt-Apollo-Modul mit der Nuxt-Composition-API verwenden? Wenn ich versuche, dieses Plugin-Beispiel zu verwenden: </p>
<pre class="brush:php;toolbar:false;">{Context} aus '@nuxt/types' importieren
importieren {
bieten,
onGlobalSetup,
defineNuxtPlugin
} von '@nuxtjs/composition-api'
importiere {DefaultApolloClient} aus '@vue/apollo-composable/dist'
/*** Dieses Plugin verbindet @nuxt/apollojs und @vue/apollo-composable*/
Standard exportieren defineNuxtPlugin(({app}: Context): void => {
onGlobalSetup(() => {
Provide(DefaultApolloClient, app.apolloProvider?.defaultClient)
})
})</pre>
<p>Ich habe diesen Fehler erhalten: <code>Fehler: Apollo-Client mit ID-Standard nicht gefunden. Verwenden Sie ProvideApolloClient(), wenn Sie sich außerhalb eines Komponenten-Setups befinden.</code></p>
安装 vue/apollo-composable:
npm install --save @vue/apollo-composable
创建 nuxt 插件(provide-apollo-client.ts):