Question

我使用了Youtube Data API v3 - Google Developer's site上列出的示例代码，我在localhost上执行了授权过程，以加载我上传的视频但之后没有显示任何内容。我视察了“回应”。控制台中的变量，它是空字符串...没有什么可以告诉我发生了什么以及为什么值response.result.items[0]未定义。我用这个确切的错误检查了其他stackoverflow的答案，但没有一个与我有关，例如playlistId = response.result.items[0].contentDetails.uploads;必须是playlistId = response.result.items[0].contentDetails.relatedPlaylists.uploads;但是仍然在代码示例中引用的my_uploads.js中得到这个未定义的错误。我该如何解决这个问题？

我在auth.js代码中添加的唯一内容是：

在gapi.client.setApiKey('xxxxxxxx');

之前

gapi.client.load

my_uploads.js：

// Define some variables used to remember state.
var playlistId, nextPageToken, prevPageToken;

// After the API loads, call a function to get the uploads playlist ID.
function handleAPILoaded() {
  requestUserUploadsPlaylistId();
}

// Call the Data API to retrieve the playlist ID that uniquely identifies the
// list of videos uploaded to the currently authenticated user's channel.
function requestUserUploadsPlaylistId() {
  // See https://developers.google.com/youtube/v3/docs/channels/list
  var request = gapi.client.youtube.channels.list({
    mine: true,
    part: 'contentDetails'
  });
  request.execute(function(response) {
    playlistId = response.result.items[0].contentDetails.relatedPlaylists.uploads;
    requestVideoPlaylist(playlistId);
  });
}

// Retrieve the list of videos in the specified playlist.
function requestVideoPlaylist(playlistId, pageToken) {
  $('#video-container').html('');
  var requestOptions = {
    playlistId: playlistId,
    part: 'snippet',
    maxResults: 10
  };
  if (pageToken) {
    requestOptions.pageToken = pageToken;
  }
  var request = gapi.client.youtube.playlistItems.list(requestOptions);
  request.execute(function(response) {
    // Only show pagination buttons if there is a pagination token for the
    // next or previous page of results.
    nextPageToken = response.result.nextPageToken;
    var nextVis = nextPageToken ? 'visible' : 'hidden';
    $('#next-button').css('visibility', nextVis);
    prevPageToken = response.result.prevPageToken
    var prevVis = prevPageToken ? 'visible' : 'hidden';
    $('#prev-button').css('visibility', prevVis);

    var playlistItems = response.result.items;
    if (playlistItems) {
      $.each(playlistItems, function(index, item) {
        displayResult(item.snippet);
      });
    } else {
      $('#video-container').html('Sorry you have no uploaded videos');
    }
  });
}

// Create a listing for a video.
function displayResult(videoSnippet) {
  var title = videoSnippet.title;
  var videoId = videoSnippet.resourceId.videoId;
  $('#video-container').append('<p>' + title + ' - ' + videoId + '</p>');
}

// Retrieve the next page of videos in the playlist.
function nextPage() {
  requestVideoPlaylist(playlistId, nextPageToken);
}

// Retrieve the previous page of videos in the playlist.
function previousPage() {
  requestVideoPlaylist(playlistId, prevPageToken);
}

Answer 1

应该是response.data.items[0]而不是response.result.items[0]。

response的类型为AxiosResponse（https://github.com/axios/axios/blob/master/index.d.ts），其中包含data字段。

如何解决Youtube Data API v3：TypeError：response.result.items [0]未定义

1 个答案: