Flutter Web运行正常但Android端报dart:html等依赖缺失错误如何解决

可行解决方案（无需修改第三方依赖源码） #

方案1：给Web专属依赖添加平台约束，移动端编译时自动排除 #

你当前的pubspec.yaml中直接声明了大量仅Web可用的依赖（比如flutter_dropzone、js、firebase_core_web、firebase_auth_web、camera_web、google_maps_flutter_web等），这些依赖本身内置了dart:html/dart:js引用，编译移动端时会被默认引入导致报错。
你可以给这些Web专属依赖添加平台限制，仅在Web编译时生效，示例写法：

# 仅Web平台引入该依赖，安卓/iOS编译时自动忽略
firebase_core_web:
  version: any
  platforms:
    web:

所有后缀带_web的包、标注了仅Web支持的包都按上述格式修改即可。

方案2：代码层使用Dart条件导入语法，隔离跨平台实现 #

如果你自己的业务代码中有调用Web专属依赖的逻辑，使用Dart原生的条件导入语法做平台隔离，不需要修改第三方源码：

1. 先写一份移动端可用的空实现存根文件，比如web_utils_stub.dart，里面完全不引用任何Web依赖，只定义和Web实现同名的空方法/空类
2. 再写Web端的真实实现文件web_utils_web.dart，里面可以正常引用Web专属依赖、调用dart:html相关能力
3. 对外暴露的统一导出文件写法：

// 统一导出文件：web_utils.dart
export 'web_utils_stub.dart'
    // 仅在支持dart:html的Web环境下导入真实Web实现
    if (dart.library.html) 'web_utils_web.dart';

后续业务代码只需要导入web_utils.dart即可，Dart编译器会自动根据编译目标选择对应的实现，移动端编译时完全不会触碰Web端的代码，也就不会触发dart:html相关报错。

方案3：拆分不同平台的入口文件，完全隔离编译链路 #

拆分两个入口文件，避免Web专属的初始化逻辑被引入移动端编译流程：

• main.dart：移动端专用入口，仅初始化移动端可用的依赖，不调用任何Web相关逻辑
• main.web.dart：Web端专用入口，可以正常初始化url_strategy、Web专属插件等
  编译时指定对应入口即可：

# 编译安卓端
flutter build apk -t lib/main.dart
# 编译Web端
flutter build web -t lib/main.web.dart

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