Flutter Web中Shared Preferences调试正常部署后失效，登录按钮无响应

问题分析 #

调试模式下SharedPreferences正常工作，但部署到生产环境后点击登录按钮无反应，核心原因大概率是未捕获异步异常或生产环境存储逻辑限制导致状态保存失败，进而中断后续导航流程。

解决方案 #

1. 给登录函数添加异常捕获 #

修改你的login函数，捕获可能出现的异常，避免因存储失败导致流程中断：

login() async {
  try {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    await prefs.setBool("isLoggedIn", true);
    navigateToDashboard();
  } catch (e) {
    print("登录状态保存失败: $e");
    // 可选：给用户显示错误提示，比如SnackBar
  }
}

2. 确保按钮正确绑定异步调用 #

检查登录按钮的onPressed绑定，显式处理异步逻辑（避免因函数返回Future未等待导致的隐性问题）：

ElevatedButton(
  onPressed: () async {
    await login();
  },
  child: const Text("登录"),
)

3. 启动时的状态检查也要做异常处理 #

在App初始化阶段获取登录状态时，同样添加异常捕获，避免启动流程卡死：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  bool isLoggedIn = false;
  try {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    isLoggedIn = prefs.getBool("isLoggedIn") ?? false;
  } catch (e) {
    print("获取登录状态失败: $e");
  }
  runApp(MyApp(isLoggedIn: isLoggedIn));
}

4. 验证导航逻辑有效性 #

确保navigateToDashboard使用正确的导航方式，且上下文有效：

void navigateToDashboard(BuildContext context) {
  Navigator.of(context).pushReplacement(
    MaterialPageRoute(builder: (context) => const DashboardScreen()),
  );
}

注意：调用时要传入当前可用的BuildContext，避免使用已销毁的context。

5. 检查生产构建配置 #

确保使用正式构建命令打包：

flutter build web --release

调试构建的存储逻辑和生产环境存在差异，必须用release模式部署。

内容的提问来源于stack exchange，提问作者Kashuf Hameed