Google Drive API Picker v3授权异常：重复登录同账号报.split is not a function错误

我来帮你拆解下这个问题——同一账号连续登录两次就触发.split is not a function错误、Picker窗口闪退，结合你提到的Chrome版本和堆栈信息，核心问题大概率出在OAuth Token的解析或缓存冲突上，下面是具体的排查方向和修复方案：

1. 旧OAuth Token缓存引发的解析冲突 #

当你第一次登录后，客户端通常会缓存旧的token信息。第二次登录同一账号时，Picker返回的新token格式可能和缓存的旧数据不匹配（比如拿到的不是预期的字符串类型），调用.split方法自然就会报错。

修复步骤：

• 每次打开Picker前，强制清除旧的授权缓存：调用gapi.auth2.getAuthInstance().signOut()或disconnect()，确保旧token被完全清理后再发起新的授权流程。
• 检查代码中是否存在复用本地存储旧token的逻辑，比如不要直接读取localStorage里保存的token，而是每次都通过gapi.auth2.getAuthInstance().currentUser.get().getAuthResponse().access_token获取实时的有效凭证。

2. Picker初始化时的OAuth配置遗漏 #

Picker v3对oauthToken参数的实时性要求很高，如果你的代码里硬编码了token，或者没有动态更新这个参数，重复登录时就会用旧token去请求，导致解析异常。

修复示例：
确保Picker初始化时动态传入最新的access token：

// 每次打开Picker前都重新获取最新token
const currentUser = gapi.auth2.getAuthInstance().currentUser.get();
const accessToken = currentUser.getAuthResponse().access_token;

const picker = new google.picker.PickerBuilder()
  .enableFeature(google.picker.Feature.NAV_HIDDEN)
  .setOAuthToken(accessToken)
  .setDeveloperKey(DEVELOPER_KEY)
  .addView(google.picker.ViewId.DOCUMENTS)
  .setCallback(pickerCallback)
  .build();
picker.setVisible(true);

3. Chrome 66版本的OAuth iframe兼容性问题 #

你使用的Chrome 66是2018年的旧版本，可能在处理Google OAuth iframe的响应时存在兼容性bug，导致返回的token格式异常（比如返回对象而非字符串），进而触发.split报错。

排查方向：

• 如果业务允许，尽量升级Chrome到较新版本，旧版本的兼容性问题很多都已被修复。
• 检查是否有浏览器插件或自定义代码拦截/修改了OAuth响应，比如某些广告拦截器或调试工具可能会篡改返回的token数据。

4. 授权范围不一致导致的token结构变化 #

如果第一次登录和第二次登录请求的授权范围不同（比如第一次是drive.readonly，第二次是drive），返回的token payload结构会有差异，可能导致你的解析代码调用.split时失败。

修复步骤：

• 在初始化gapi.auth2时固定授权范围，确保每次登录请求的权限一致：

gapi.auth2.init({
  client_id: YOUR_CLIENT_ID,
  scope: 'https://www.googleapis.com/auth/drive.file' // 固定范围，不要动态修改
});

你提到的堆栈信息里的3723580519-idpiframe...是Google OAuth授权iframe的标识，这也进一步验证了错误确实发生在OAuth凭证的获取和解析环节，优先从上面前两个方案入手排查，应该能解决问题。

内容的提问来源于stack exchange，提问作者J-Roel