changing apolloProvider.provide() to apolloProvider

[123mitnik]

in my code i have this
app.provide = apolloProvider.provide()

in order to silence this warning:

.provide() is deprecated. Use the 'apolloProvider' option instead with the provider object directly.

i changed it to
app.provide = apolloProvider

and this is the result :

Error handler TypeError: Cannot read property 'defaultClient' of undefined
at DollarApollo.getClient (vue-apollo.esm.js?522d:1161)
at DollarApollo.query (vue-apollo.esm.js?522d:1135)

when debugging

and this is where it breaks

my package.json

    "apollo-cache-inmemory": "^1.3.6",
    "apollo-client": "^2.4.7",
    "apollo-link-context": "^1.0.9",
    "apollo-link-error": "^1.1.1",
    "apollo-link-http": "^1.5.5",
    "vue-apollo": "^3.0.0-beta.26",

[Akryum]

What about: app.apolloProvider = apolloProvider?

[123mitnik]

it goes the same way

[123mitnik]

the only way to get around this is:

      app.provide = ({
        $apolloProvider: apolloProvider
      })

(but it should't be this way )

[Akryum]

Are you using Nuxt? The apollo module is doing it right: https://github.com/nuxt-community/apollo-module/blob/master/lib/templates/plugin.js#L86

[mpchelnikov]

in my code i have this
app.provide = apolloProvider.provide()

in order to silence this warning:

.provide() is deprecated. Use the 'apolloProvider' option instead with the provider object directly.

i changed it to
app.provide = apolloProvider

and this is the result :

Error handler TypeError: Cannot read property 'defaultClient' of undefined
at DollarApollo.getClient (vue-apollo.esm.js?522d:1161)
at DollarApollo.query (vue-apollo.esm.js?522d:1135)

when debugging

and this is where it breaks

my package.json

    "apollo-cache-inmemory": "^1.3.6",
    "apollo-client": "^2.4.7",
    "apollo-link-context": "^1.0.9",
    "apollo-link-error": "^1.1.1",
    "apollo-link-http": "^1.5.5",
    "vue-apollo": "^3.0.0-beta.26",

Please try replace this app.provide = apolloProvider.provide() to this app.apolloProvider = apolloProvider

[123mitnik]

using quasar framework SPA .. the only workaround is as i mentioned

app.provide = ({ $apolloProvider: apolloProvider })

[phantomio]

using quasar framework SPA .. the only workaround is as i mentioned

app.provide = ({ $apolloProvider: apolloProvider })

thanks for the solution, it works for me

[Stefano1990]

I am using Quasar and I have the same problem. The suggestions above do not fix this issue for me. I still encounter this problem when I am calling a mutation with the options-api nested inside a component that is using the composition-api.