Google Picker API设置团队驱动器列表模式报错求解决方案

看起来你遇到的问题是在为支持团队驱动器的DocsView设置LIST模式时，Picker组件直接崩溃无法显示内容，移除setMode行后又能正常以缩略图模式展示团队驱动器内容。以下是几个可行的解决方案：

1. 调整视图初始化顺序 #

有时候链式调用的顺序会影响API的处理逻辑，尝试先启用团队驱动器支持，再设置列表模式，让API先识别团队驱动器的配置：

function OpenFolderTD(token) {
  if (pickerApiLoaded && token) {
    // 先启用团队驱动器支持，再设置列表模式
    var docsView = new google.picker.DocsView(google.picker.ViewId.DOCS)
      .setIncludeFolders(true)
      .setEnableTeamDrives(true)
      .setMode(google.picker.DocsViewMode.LIST);

    var picker = new google.picker.PickerBuilder()
      .addView(docsView)
      .setLocale('fr')
      .enableFeature(google.picker.Feature.SUPPORT_TEAM_DRIVES)
      .enableFeature(google.picker.Feature.NAV_HIDDEN)
      .setTitle('Select file(s)')
      .setOAuthToken(token)
      .setDeveloperKey(DEVELOPER_KEY)
      .setCallback(pickerCallback)
      .setOrigin(google.script.host.origin)
      .setSize(DIALOG_DIMENSIONS.width - 2, DIALOG_DIMENSIONS.height - 2)
      .build();
    picker.setVisible(true);
  } else {
    showError('Unable to load the file picker.');
  }
}

2. 创建团队驱动器专属视图 #

如果你的需求主要聚焦团队驱动器内容，可以直接使用ViewId.TEAM_DRIVES创建专门的视图，再设置列表模式：

function OpenFolderTD(token) {
  if (pickerApiLoaded && token) {
    // 专门针对团队驱动器的列表视图
    var teamDriveView = new google.picker.DocsView(google.picker.ViewId.TEAM_DRIVES)
      .setIncludeFolders(true)
      .setMode(google.picker.DocsViewMode.LIST)
      .setEnableTeamDrives(true);

    var picker = new google.picker.PickerBuilder()
      .addView(teamDriveView)
      // 若需要同时显示个人云端硬盘，可添加该行
      // .addView(new google.picker.DocsView(google.picker.ViewId.DOCS).setMode(google.picker.DocsViewMode.LIST))
      .setLocale('fr')
      .enableFeature(google.picker.Feature.SUPPORT_TEAM_DRIVES)
      .enableFeature(google.picker.Feature.NAV_HIDDEN)
      .setTitle('Select file(s)')
      .setOAuthToken(token)
      .setDeveloperKey(DEVELOPER_KEY)
      .setCallback(pickerCallback)
      .setOrigin(google.script.host.origin)
      .setSize(DIALOG_DIMENSIONS.width - 2, DIALOG_DIMENSIONS.height - 2)
      .build();
    picker.setVisible(true);
  } else {
    showError('Unable to load the file picker.');
  }
}

3. 验证API加载完整性 #

确保Picker API已完全加载且包含团队驱动器支持的模块，加载API的代码建议写成这样：

var pickerApiLoaded = false;

function loadPickerApi() {
  google.load('picker', '1', {
    callback: function() {
      pickerApiLoaded = true;
    },
    packages: ['docs'] // 确保加载文档相关模块
  });
}

4. 检查OAuth权限范围 #

确保你的OAuth令牌包含访问团队驱动器的权限，至少需要以下范围之一（根据实际需求调整）：

• https://www.googleapis.com/auth/drive
• https://www.googleapis.com/auth/drive.readonly
  权限不足可能会导致视图加载失败，进而引发代码报错。

内容的提问来源于stack exchange，提问作者user8353569