Flutter项目导入dart:html编译失败，求解决方案

问题核心 #

dart:html是仅Web平台支持的Dart库，你的项目当前运行在移动设备（Android/iOS）环境下，该库无法在非Web平台被识别，直接导致编译失败。错误日志已明确指出，这个库是通过lib/retrieve_images.dart文件导入的。

修复步骤 #

• 移除Web专属库导入：打开lib/retrieve_images.dart，删除第一行的import 'dart:html';语句。
• 替换Web专属API：如果你的Firebase Storage代码依赖了dart:html的功能（比如文件选择、Blob处理），改用Flutter跨平台方案：
  • 文件选择：使用file_picker或image_picker插件
  • 文件上传：直接用firebase_storage包的putFile方法，传入dart:io的File对象
• 清理缓存重编译：执行以下命令刷新项目：

  flutter clean
  flutter pub get
  flutter run
  

示例：跨平台Firebase Storage上传代码 #

import 'dart:io';
import 'package:firebase_storage/firebase_storage.dart';

Future<void> uploadImageToStorage(File imageFile) async {
  final storageReference = FirebaseStorage.instance.ref().child('uploads/${DateTime.now().millisecondsSinceEpoch}.jpg');
  await storageReference.putFile(imageFile);
}

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