vue-gapi无法设置未定义的属性(设置“”$gapi“”)

npm install vue-gapi

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

// 设置vue-gapi的配置
const apiConfig = {
  apiKey: 'YOUR_API_KEY',
  clientId: 'YOUR_CLIENT_ID',
  discoveryDocs: ['https://www.googleapis.com/discovery/v1/apis/drive/v3/rest'],
  scope: 'https://www.googleapis.com/auth/drive.metadata.readonly'
}

Vue.use(VueGapi, apiConfig)

export default {
  methods: {
    getFiles() {
      this.$gapi.client.drive.files.list({
        pageSize: 10,
        fields: 'nextPageToken, files(id, name)'
      }).then(response => {
        const files = response.result.files
        console.log('Files:', files)
      }).catch(error => {
        console.error('Error:', error)
      })
    }
  }
}