export 'onServerPrefetch' was not found in 'vue-demi' #1102

micbra · 2020-11-19T14:57:23Z

Describe the bug
@vue/apollo-composable doesn't work with vue 3 since vue-demi cant resolve onServerPrefetch. Seems it's only provided by @vue/composition-api

To Reproduce
Steps to reproduce the behavior:

Create a new vue 3 project
Install graphql graphql-tag @apollo/client as described here
Install and configure @vue/apollo-composable as described here
See warning in terminal:

 warning  in ./node_modules/@vue/apollo-composable/dist/useQuery.js

"export 'onServerPrefetch' was not found in 'vue-demi'

Expected behavior
One should be able to import onServerPrefetch from @vue/apollo-composable (or directly from vue?)

Versions
vue: 3.0.2
@vue/apollo-composable: 4.0.0-apha.12
@apollo/client: 3.2.7

Additional context
Trying to import onServerPrefetch from @vue/composition-api leads to another warning on the terminal:

 warning  in ./node_modules/@vue/composition-api/dist/vue-composition-api.esm.js

"export 'default' (imported as 'Vue') was not found in 'vue'

The text was updated successfully, but these errors were encountered:

Skulsta · 2020-11-27T14:41:58Z

Any update on this?

Gyurmatag · 2020-11-29T08:18:23Z

Can you please provide an update on this issue?

vjself · 2020-12-01T13:30:34Z

Any updates anywhere on this issue yet?

camwhite · 2020-12-16T19:19:05Z

Anything on this yet?

tbarkley · 2020-12-21T19:48:41Z

Updates please?

victororlyk · 2021-01-02T10:09:44Z

have the same issue

killix · 2021-01-12T21:31:54Z

I am working with this hack for now killix@1dbb4bf

camwhite · 2021-01-12T21:55:28Z

I am working with this hack for now killix@1dbb4bf

@killix does this break prefetching?

killix · 2021-01-13T00:33:17Z

Should not as vue-demi doesn't export the function.

leonardoks16 · 2021-01-14T23:09:03Z

Same problem here

tbarkley · 2021-01-15T13:47:04Z

Very nice work btw but I'm having the same issue, any updates?

leonardoks16 · 2021-01-16T01:24:26Z

Check this out, i alread tested with Vue, Vite.js and Node. Astrid-Client

abdullahseba · 2021-02-01T14:26:20Z

Same issue.

ronny1020 · 2021-02-06T09:53:58Z

Same problem here.

JoJk0 · 2021-02-09T17:09:09Z

same here :<

simultsop · 2021-02-15T12:26:22Z

looking forward

guillaumeduhan · 2021-02-23T18:02:34Z

Same here ✨

sephirothwzc · 2021-02-25T09:10:54Z

Same here ✨

georgep11 · 2021-03-01T17:22:24Z

I am having the same issue

JasonAtallah · 2021-03-06T22:15:10Z

Any updates on this?

iamgmd · 2021-03-12T00:27:23Z

Same here

napalmpapalam · 2021-03-16T12:31:20Z

same

alex-bluetrain · 2021-03-16T18:01:35Z

same thing

LeBenLeBen · 2021-03-16T18:25:12Z

Please stop posting comments saying you have the same issue. You can use the 👍 reaction on the initial post for that. I’m also a user that want to see this fixed but this won’t change anything except pissing off maintainers. Many people are getting notified and that’s just useless noise. Thank you 🙇🏻‍♂️

blay12cedric · 2021-04-13T10:24:35Z

I have found something interesting that you can use to handle this issue :

Use import { provide } from "vue"; instead of import { provide } from "@vue/composition-api"
This provide will be used to set your apollo clients:
provide(ApolloClients, { default: apolloClient, });

I hope this will resolve your issue.

napalmpapalam · 2021-04-14T06:09:43Z

I have found something interesting that you can use to handle this issue :

Use import { provide } from "vue"; instead of import { provide } from "@vue/composition-api"

This provide will be used to set your apollo clients:
provide(ApolloClients, { default: apolloClient, });

I hope this will resolve your issue.

I'm using import { provide } from "vue"; but it doesn't help :(

like this:
import { DefaultApolloClient } from '@vue/apollo-composable'
import { apolloClient } from '@/apollo-client'
import { createApp, provide } from 'vue'

const app = createApp({
setup () {
provide(DefaultApolloClient, apolloClient)
},
render: () => h(App),
})

ant1m4tt3r · 2021-04-22T13:17:35Z

Same problem in here

notngan · 2021-05-07T13:46:34Z

this solved the problems for me:
quasarframework/app-extension-apollo#51 (comment)

boboldehampsink · 2021-05-10T07:50:07Z

Vue 3.1.0 beta is out now with support for onServerPrefetch, see https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md. If you use 3.1 beta, the issue will dissappear.

cblaettl · 2021-05-11T05:52:17Z

Vue 3.1.0 beta is out now with support for onServerPrefetch, see https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md. If you use 3.1 beta, the issue will dissappear.

Thanks for the heads-up, but now I'm getting the following error:

ReferenceError: getCurrentInstance is not defined
    at useQueryImpl (useQuery.ts:140)
    at useQuery (useQuery.ts:127)

I'm currently using vite, but I might switch back to webpack if this solves the issue. Anyone else experiencing the same issue?
My dependencies:

@apollo/client: 3.3.16
@vue/apollo-composable: 4.0.0-alpha.12
vue: 3.1.0-beta.2

Edit: Seems to work fine with Webpack. So I guess I stick to Webpack until this issue in vite is resolved.

saibbyweb · 2021-05-29T20:15:42Z

Vue 3.1.0 beta is out now with support for onServerPrefetch, see https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md. If you use 3.1 beta, the issue will dissappear.

{ "vue": "^3.1.0-beta.6" }

solves the issue for me (using vite)

rickyvadala · 2021-06-16T15:26:39Z

Guys great news!
I got it running, I realized that the documentation on the repo is not complete
https://github.com/quasarframework/app-extension-apollo/tree/v2

Is missing this part:

Your src/App.vue should be like this

<template>
  <router-view />
</template>
<script lang="ts">
  import { defineComponent, provide } from 'vue'
  import { ApolloClients } from '@vue/apollo-composable'
  import { apolloClients } from 'src/extensions/apollo/boot'

  export default defineComponent({
    name: 'App',
    setup() {
      provide(ApolloClients, apolloClients)
    },
  })
</script>

PD: Found this on the README of the library in your-app\node_modules@quasar\quasar-app-extension-apollo\README.md

jesusgabri3l · 2021-06-21T20:34:31Z

this solved the problems for me:
quasarframework/app-extension-apollo#51 (comment)
Solved the issue!

tronghieu60s · 2021-06-29T15:37:26Z

Guys great news!
I got it running, I realized that the documentation on the repo is not complete
https://github.com/quasarframework/app-extension-apollo/tree/v2

Is missing this part:

Your src/App.vue should be like this
<template>
  <router-view />
</template>
<script lang="ts">
  import { defineComponent, provide } from 'vue'
  import { ApolloClients } from '@vue/apollo-composable'
  import { apolloClients } from 'src/extensions/apollo/boot'

  export default defineComponent({
    name: 'App',
    setup() {
      provide(ApolloClients, apolloClients)
    },
  })
</script>
PD: Found this on the README of the library in your-app\node_modules@quasar\quasar-app-extension-apollo\README.md

It doesn't work for me.

LeBenLeBen · 2021-06-29T16:48:49Z

All you should have to do to fix this issue is to use Vue 3.1+

killix added a commit to killix/vue-apollo that referenced this issue Jan 12, 2021

fix: export onServerPrefetch was not found vuejs#1102

1dbb4bf

Akryum mentioned this issue Jan 20, 2021

feat: onServerPrefetch vuejs/core#3070

Merged

maggie44 mentioned this issue May 31, 2021

Composition API and Quasar v2 support quasarframework/app-extension-apollo#51

Closed

Akryum closed this as completed Jul 4, 2021

export 'onServerPrefetch' was not found in 'vue-demi' #1102

export 'onServerPrefetch' was not found in 'vue-demi' #1102

Comments

micbra commented Nov 19, 2020 • edited Loading

Skulsta commented Nov 27, 2020

Gyurmatag commented Nov 29, 2020

vjself commented Dec 1, 2020

camwhite commented Dec 16, 2020

tbarkley commented Dec 21, 2020

victororlyk commented Jan 2, 2021

killix commented Jan 12, 2021

camwhite commented Jan 12, 2021

killix commented Jan 13, 2021

leonardoks16 commented Jan 14, 2021

tbarkley commented Jan 15, 2021

leonardoks16 commented Jan 16, 2021 • edited Loading

abdullahseba commented Feb 1, 2021

ronny1020 commented Feb 6, 2021

JoJk0 commented Feb 9, 2021

simultsop commented Feb 15, 2021

guillaumeduhan commented Feb 23, 2021

sephirothwzc commented Feb 25, 2021

georgep11 commented Mar 1, 2021

JasonAtallah commented Mar 6, 2021

iamgmd commented Mar 12, 2021

napalmpapalam commented Mar 16, 2021

alex-bluetrain commented Mar 16, 2021

LeBenLeBen commented Mar 16, 2021 • edited Loading

blay12cedric commented Apr 13, 2021 • edited Loading

napalmpapalam commented Apr 14, 2021 • edited Loading

ant1m4tt3r commented Apr 22, 2021

notngan commented May 7, 2021 • edited Loading

boboldehampsink commented May 10, 2021 • edited Loading

cblaettl commented May 11, 2021 • edited Loading

saibbyweb commented May 29, 2021 • edited Loading

rickyvadala commented Jun 16, 2021

jesusgabri3l commented Jun 21, 2021

tronghieu60s commented Jun 29, 2021

LeBenLeBen commented Jun 29, 2021

micbra commented Nov 19, 2020 •

edited

Loading

leonardoks16 commented Jan 16, 2021 •

edited

Loading

LeBenLeBen commented Mar 16, 2021 •

edited

Loading

blay12cedric commented Apr 13, 2021 •

edited

Loading

napalmpapalam commented Apr 14, 2021 •

edited

Loading

notngan commented May 7, 2021 •

edited

Loading

boboldehampsink commented May 10, 2021 •

edited

Loading

cblaettl commented May 11, 2021 •

edited

Loading

saibbyweb commented May 29, 2021 •

edited

Loading