Flutter集成Supabase登录遇错：AuthResponse无error属性

问题描述 #

在使用Supabase Flutter SDK实现登录功能时，代码中通过response.error == null判断登录状态时出现报错，错误提示如下：

getter 'error' 未在类型 'AuthResponse' 中定义。尝试导入定义了 'error' 的库，将名称更正为现有getter的名称，或者定义一个名为 'error' 的getter或字段。

问题集中在登录逻辑的if/else判断部分，原代码尝试访问AuthResponse的error属性，但该属性在当前版本的Supabase SDK中已不存在。

原因分析 #

Supabase Flutter SDK 2.x及以上版本对Auth模块API做了调整：signInWithPassword方法不再返回包含error属性的AuthResponse对象，登录失败时会直接抛出AuthException异常，登录成功则返回包含用户信息的AuthResponse。

解决办法 #

将原有的if/else判断逻辑替换为try-catch异常捕获的方式，具体修改如下：

修改后的代码 #

onPressed: () async {
  final supabase = Supabase.instance.client;
  final email = emailController.text;
  final password = passwordController.text;

  try {
    // 尝试登录，成功则返回AuthResponse
    final response = await supabase.auth.signInWithPassword(
      email: email,
      password: password,
    );

    // 登录成功，弹出提示并跳转首页
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('成功'),
          content: const Text('登录成功'),
          actions: <Widget>[
            TextButton(
              onPressed: () {
                Navigator.of(context).pop();
                Navigator.pushReplacement(
                  context,
                  MaterialPageRoute(
                    builder: (context) => const Home(),
                  ),
                );
              },
              child: const Text('确定'),
            ),
          ],
        );
      },
    );
  } on AuthException catch (e) {
    // 捕获登录失败的异常，处理错误
    print('登录失败: ${e.message}');
    // 给用户展示错误提示
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('登录失败'),
          content: Text(e.message),
          actions: <Widget>[
            TextButton(
              onPressed: () => Navigator.of(context).pop(),
              child: const Text('确定'),
            ),
          ],
        );
      },
    );
  } catch (e) {
    // 捕获其他未知异常
    print('未知错误: $e');
  }
},

关键修改点 #

• 用try包裹登录请求代码，成功后直接执行登录成功逻辑
• 用on AuthException catch (e)捕获登录相关错误，通过e.message获取错误信息
• 新增通用catch块处理其他意外异常

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