React Native集成Auth0邮箱密码登录失败，如何修复？

错误含义 #

[a0.credential_manager.invalid: No credentials were found in the store.] 表示Auth0凭证管理器无法在本地存储中找到有效的登录凭证，通常是登录流程未正确完成、平台配置错误导致凭证未被成功保存。

修复步骤 #

1. 修复Android配置语法错误 #

你的android/app/build.gradle中manifestPlaceholders的auth0Scheme存在语法错误，缺少开头的双引号，导致配置无效：

// 错误写法
manifestPlaceholders = [auth0Domain: "someapp.us.auth0.com", auth0Scheme: ${applicationId}"]

// 正确写法
manifestPlaceholders = [auth0Domain: "someapp.us.auth0.com", auth0Scheme: "${applicationId}"]

这个错误会导致Android端无法正确处理登录回调，登录后无法跳转回App，进而无法保存凭证。修改后需要重新构建Android项目。

2. 验证iOS配置正确性 #

从你提供的AppDelegate.mm截图来看，需要确保以下几点：

• 在Info.plist中添加了与auth0Scheme对应的URL Scheme，格式为com.someapp.app（和你的applicationId一致）
• AppDelegate中的回调处理代码正确调用了Auth0的handleRedirectURL方法，确保登录后的回调能被Auth0库捕获，从而保存凭证。

3. 调整登录流程逻辑 #

当前你在await authorize()后立刻调用getCredentials()，可能存在凭证未及时写入存储的问题，建议通过监听状态变化处理登录成功后的逻辑：

// 修改Login.tsx代码
import { useAuth0 } from 'react-native-auth0';
import { useEffect, View, Button } from 'react-native';

const Login = () => {
  const { authorize, user, getCredentials, error } = useAuth0();

  const onLogin = async () => {
    try {
      await authorize();
    } catch (error) {
      console.log(error);
    } 
  };

  // 监听user状态变化，登录成功后再获取凭证
  useEffect(() => {
    if (user) {
      const fetchCredentials = async () => {
        const creds = await getCredentials();
        console.log(creds);
      };
      fetchCredentials();
    }
  }, [user]);

  return (
      <View>
        <Button
          onPress={onLogin}
         title="Login"
        />
      </View>
  );
};

export default Login;

4. 验证Auth0Provider配置 #

确认Config.AUTH0_DOMAIN和Config.AUTH0_CLIENT_ID与Auth0控制台中应用的配置完全一致，没有域名拼写错误（比如是否遗漏us.后缀）、Client ID是否正确。

5. 清理缓存并重新构建 #

• 清理Android项目缓存：进入Android目录执行./gradlew clean
• 清理iOS项目缓存：删除iOS目录下的Pods文件夹，执行pod install
• 重启Metro服务，重新构建应用。

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