cari

Rumah  >  Soal Jawab  >  teks badan

Petua dan garis panduan untuk menggunakan API Komposisi Nuxt dan modul Nuxt Apollo

<p>Mengapa saya boleh menggunakan modul nuxt apollo dengan API gubahan nuxt? Jika saya cuba menggunakan contoh pemalam ini: </p> <pre class="brush:php;toolbar:false;">import {Context} daripada '@nuxt/types' import { menyediakan, onGlobalSetup, defineNuxtPlugin } daripada '@nuxtjs/composition-api' import {DefaultApolloClient} daripada '@vue/apollo-composable/dist' /*** Pemalam ini akan menyambungkan @nuxt/apollojs dan @vue/apollo-composable*/ eksport lalai defineNuxtPlugin(({app}: Context): void ==> { onGlobalSetup(() => { sediakan(DefaultApolloClient, app.apolloProvider?.defaultClient) }) })</pre> <p>Saya mendapat ralat ini: <kod>Ralat: Pelanggan Apollo dengan id lalai tidak ditemui Gunakan provideApolloClient() jika anda berada di luar persediaan komponen</code></p>
P粉134288794P粉134288794534 hari yang lalu643

membalas semua(1)saya akan balas

  • P粉399585024

    P粉3995850242023-08-27 00:00:55

    1. Pasang vue/apollo-composable: npm install --save @vue/apollo-composable

    2. Buat pemalam 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)
      })
    })

    balas
    0
  • Batalbalas