Dart代码向Map赋值时阻塞无报错，Flutter Web正常运行求助

可能原因分析 #

• DateTime键跨平台差异：Flutter Web与移动端（Dart VM）的DateTime实例哈希、比较逻辑不同，直接将DateTime作为Map键可能触发死循环或阻塞。
• 遍历/数据处理静默异常：Firestore返回的文档数据存在格式异常（如total非int类型、createdAt转换失败），但未被捕获，导致流程卡在某一步。
• 事件循环阻塞：异步逻辑嵌套不当，或同步操作占用事件循环时间过长，导致流程停滞。

解决方案 #

1. 替换DateTime键为字符串格式 #

避免跨平台的DateTime实例差异，用yyyy-MM-dd字符串作为Map键：

Future<Map<String, int>> supplierCalc() async {
  final now = DateTime.now();
  final startOfMonth = DateTime(now.year, now.month, 1);
  final endOfMonth = DateTime(now.year, now.month + 1, 1);

  final snapshot = await FirebaseFirestore.instance
      .collection('orders')
      .where('status', isEqualTo: 'completed')
      .where('createdAt', isGreaterThanOrEqualTo: startOfMonth)
      .where('createdAt', isLessThan: endOfMonth)
      .get();

  final salesMap = <String, int>{};
  final dateFormatter = DateFormat('yyyy-MM-dd');

  for (final doc in snapshot.docs) {
    final data = doc.data();
    final orderDate = (data['createdAt'] as Timestamp).toDate();
    final total = data['total'] as int;
    
    final dateKey = dateFormatter.format(orderDate);
    salesMap[dateKey] = (salesMap[dateKey] ?? 0) + total;
  }

  return salesMap;
}

后续如需还原DateTime，可通过dateFormatter.parse(dateKey)转换。

2. 添加异常捕获与进度日志 #

定位具体阻塞点，避免静默异常导致流程停滞：

for (final doc in snapshot.docs) {
  try {
    print('Processing doc: ${doc.id}');
    final data = doc.data();
    final orderDate = (data['createdAt'] as Timestamp).toDate();
    final total = data['total'] as int;
    
    final dateKey = dateFormatter.format(orderDate);
    salesMap[dateKey] = (salesMap[dateKey] ?? 0) + total;
    print('Processed doc: ${doc.id} -> $dateKey $total');
  } catch (e) {
    print('Error processing doc ${doc.id}: $e');
    continue;
  }
}

3. 优化异步逻辑避免嵌套 #

确保Firestore查询完全异步完成后再处理数据，避免异步嵌套阻塞事件循环：

// 错误示例：嵌套异步可能阻塞
snapshot.docs.forEach((doc) async {
  // 异步操作嵌套
});

// 正确示例：同步遍历+异步前置
final snapshot = await FirebaseFirestore.instance...get();
// 同步遍历处理
for (final doc in snapshot.docs) {
  // 同步处理逻辑
}

验证步骤 #

1. 优先测试字符串键版本，确认是否解除阻塞。
2. 查看日志输出，定位是否卡在某条文档的处理上。
3. 检查Firestore中订单数据的total、createdAt字段是否符合预期类型。

内容的提问来源于stack exchange，提问作者Ancel Jomon