google drive javascript api TypeError: Kan inte läsa egenskapen 'drive' av undefined i gapi.client.drive.files Angular 4 Ionic 2

Jag arbetar med Angular 4/Ionic 2 och har följt JavaScript Google Drive-dokumentationen https://developers.google.com/drive/v3/web/quickstart/js för att lista Google Drive-filer, men jag får fel (ERROR TypeError: Cannot read property 'drive' of undefined).

Jag har också följt denna fråga Call gapi.client.load(...) innan alla mina körningar, eller hur? När jag implementerar detta får jag ett fel att (load är odefinierad).

När jag följde den här frågan Google Drive API JavaScript har jag implementerat dess första svar och får ett fel på

var request = gapi.client.request({
        'path': '/drive/v2/files',
        'method': 'GET',
        'params': {'maxResults': '1'}
        });

gapi.client.request är odefinierad.

För närvarande är min funktion för att hämta filer från Google Drive

 listFile() {
        var request = gapi.client.drive.files.list({
            'pageSize': 10,
            'fields': "nextPageToken, files(id, name)"
          });

          request.execute(function(resp) {
            this.appendPre('Files:');
            var files = resp.files;
            if (files && files.length > 0) {
              for (var i = 0; i < files.length; i++) {
                var file = files[i];
                this.appendPre(file.name + ' (' + file.id + ')');
              }
            } else {
              this.appendPre('No files found.');
            }
          });
  } 

Handledningen jag helt följde är Google Drive API i Angular2/Ionic2 gapi.client.drive

Jag har implementerat alla ovanstående lösningar men de fungerar inte i mitt fall. All hjälp uppskattas. Tack