React Native集成Spotify登录报错：redirectUrl必须为字符串

核心报错原因 #

错误提示redirectUrl must be a string的根源是配置参数名拼写错误：你在authConfig中使用了redirectUri，但react-native-app-auth库要求的参数名是redirectUrl，导致库无法读取到合法的重定向URL，触发类型校验失败。

修复步骤 #

1. 修正配置参数名
   将authConfig里的redirectUri替换为redirectUrl，确保和库的参数要求匹配：

   const authConfig = {
     issuer: 'https://accounts.spotify.com',
     clientId: 'dsshsds55464546dsd65dsf5644dsfsd',
     redirectUrl: 'hubspot://oauthredirect', // 修正参数名
     scopes: [
       'user-read-playback-state',
       'user-read-currently-playing',
       'user-read-email',
       'user-library-read',
       'user-read-recently-played',
       'user-top-read',
       'playlist-read-private',
       'playlist-read-collaborative',
       'playlists-modify-public',
     ],
   };
   

2. 额外功能优化（非当前报错相关）

   • 你的checkTokenValidation函数中，AsyncStorage.getItem是异步操作，未添加await会导致accessToken和expirationDate返回Promise对象，无法正确校验token有效性，修正如下：

     const checkTokenValidation = async () => {
       const accessToken = await AsyncStorage.getItem('token');
       const expirationDate = await AsyncStorage.getItem('expirationDate');
       console.log(accessToken, expirationDate);
       if (accessToken && expirationDate) {
         const currentTime = Date.now();
         if (currentTime < parseInt(expirationDate)) {
           navigation.replace('Main');
         } else {
           AsyncStorage.removeItem('token');
           AsyncStorage.removeItem('expirationDate');
         }
       }
     };
     

   • 代码中多处出现hubspot字样（如按钮文本、图标），属于Spotify的笔误，建议统一修正为Spotify，避免业务混淆。

验证要点 #

修改完成后重新运行应用，检查：

• 点击登录按钮是否正常跳转至Spotify授权页面
• 重定向URL需与Spotify开发者后台配置的完全一致（包括协议、路径）
• 确保clientId为有效的Spotify应用ID

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