vue-gapi Cannot set properties of undefined (setting '$gapi')

Question

I'm trying to install this library https://github.com/vue-gapi/vue-gapi/tree/releases/v1 into my vue2 project, so I just did exactly what the page asked me to do. So after running npm install --save vue-gapi I added

import Vue from 'vue'
import VueGapi from 'vue-gapi'

Vue.config.productionTip = false
Vue.use(VueGapi, {
  apiKey: 'myapikey',
  clientId: 'myclientid.apps.googleusercontent.com',
  discoveryDocs: ['https://sheets.googleapis.com/$discovery/rest?version=v4'],
  scope: 'https://www.googleapis.com/auth/spreadsheets',
})

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

But I will receive this error

vue-gapi.common.js?8dd9:478 Uncaught TypeError: Cannot set properties of undefined (setting '$gapi')
    at Object.install (vue-gapi.common.js?8dd9:478)
    at Function.Vue.use (vue.esm.js?efeb:5130)
    at eval (main.js?1c90:18)
    at Object../src/main.js (app.js:2230)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at Object.0 (app.js:2247)
    at __webpack_require__ (app.js:679)
    at app.js:725
    at app.js:728

Further clicking at Object.install (vue-gapi.common.js?8dd9:478) will show me this error

Estus Flask · Accepted Answer · 2021-11-09 19:14:32Z

2

It can be seen that vue-gapi.common.js contains Vue 3 code, likely because the latest version has been installed, this results in an error.

Considering that 1.x support Vue 2, it should be:

npm install --save vue-gapi@1

answered Nov 9, 2021 at 19:14

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

imin Over a year ago

aha! This does it, thanks!

Collectives™ on Stack Overflow

vue-gapi Cannot set properties of undefined (setting '$gapi')

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related