Nuxt Comboposition API と Nuxt Apollo モジュールを使用するためのヒントとガイドライン
P粉134288794
2023-08-26 11:07:26
<p>nuxt apollo モジュールを nuxt 合成 API で使用できるのはなぜですか?このプラグインの例を使用しようとすると: </p>
<pre class="brush:php;toolbar:false;">「@nuxt/types」から {Context} をインポートします
輸入 {
提供する、
グローバルセットアップ上、
defineNuxtPlugin
「@nuxtjs/composition-api」から
'@vue/apollo-composable/dist' から {DefaultApolloClient} をインポートします
/*** このプラグインは @nuxt/apollojs と @vue/apollo-composable を接続します*/
エクスポートデフォルトdefineNuxtPlugin(({app}:コンテキスト): void => {
onGlobalSetup(() => {
Provide(DefaultApolloClient, app.apolloProvider?.defaultClient)
})
})</pre>
<p>次のエラーが発生しました: <code>エラー: ID デフォルトの Apollo クライアントが見つかりません。コンポーネントのセットアップ外にいる場合は、provideApolloClient() を使用してください</code></p>
vue/apollo-composable をインストールします。
npm install --save @vue/apollo-composable
nuxt プラグインの作成 (provide-apollo-client.ts):