React Native集成Supabase调用signUp接口时出现「Unable to validate email address: invalid format」错误求助

我正在尝试把Supabase集成到我的React Native项目中，但注册功能一直失败。以下是我的代码实现：

import AsyncStorage from '@react-native-async-storage/async-storage'
import { createClient } from '@supabase/supabase-js'
import { SUPABASE_URL, SUPABASE_ANON_KEY } from '../constants'

export const supabase = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, {
  localStorage: AsyncStorage as any,
})

const signup = async (email, password)=>{
  const { user, error } = await supabase.auth.signUp({ email, password, })
  if(error){
    console.log(error);
    // Object {
    //  "message": "Unable to validate email address: invalid format",
    //  "status": 422,
    // }
    return
  }
  return user;
}

当调用这个signup函数时，控制台总是输出错误：Unable to validate email address: invalid format，有没有人能帮我排查一下问题？

这个错误的核心原因几乎都是传入signup函数的email参数有问题——要么格式不符合标准邮箱规则，要么参数本身是空值/未定义。我给你几个具体的排查和解决方向：

• 先确认传入的email值是否有效
  在调用signup前，先打印并验证你要传入的邮箱内容，比如：

  // 假设这是你从输入框获取的邮箱值
  const inputEmail = userInput.email;
  console.log("待注册的邮箱：", inputEmail);
  
  // 先做前端校验
  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  if (!inputEmail || !emailRegex.test(inputEmail)) {
    console.log("邮箱格式不正确，请检查输入！");
    return;
  }
  
  // 再调用注册函数
  await signup(inputEmail, inputPassword);
  

  一定要确保你没有把undefined、null或者空字符串传进去，比如如果是和输入框绑定的变量，要检查绑定逻辑是否正确。

• 检查参数传递顺序是否出错
  有时候不小心会把password和email的传参顺序搞反，这种情况下把密码字符串传到邮箱参数位，自然会触发格式错误，确认调用signup时的参数顺序是(email, password)而不是反过来。

• 用Supabase自带的工具提前校验（可选）
  Supabase的SDK提供了邮箱格式校验方法，可以直接用它来做前置检查：

  import { isEmail } from '@supabase/supabase-js';
  
  if (!isEmail(email)) {
    console.log("请输入合法的邮箱地址");
    return;
  }
  

• 排除配置问题（兜底检查）
  虽然这个报错基本和配置无关，但也可以快速确认SUPABASE_URL和SUPABASE_ANON_KEY有没有拼写错误，确保客户端初始化是正常的。

先从检查传入的邮箱值开始，这是最常见的触发原因，大概率能解决你的问题。

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