Flutter 3.10.0（Dart 3.0.0）Web端资源图片加载失败求助

问题现象 #

同一资源图片在Android端可正常显示，但Web端加载时抛出错误：

The following FormatException was thrown while resolving an image: Message corrupted

该问题在IDM（Internet Download Manager）拦截AndroidManifest.bin文件时触发。

环境信息 #

• Flutter 3.10.0（stable通道，2023-05-09 07:41:44 -0700）
• Dart 3.0.0

解决方法 #

1. 排除IDM对Flutter Web资源的拦截
   IDM的自动拦截可能篡改了Flutter Web打包后的非标准资源文件（如AndroidManifest.bin），导致Web端解析图片时出现格式损坏。直接在IDM中添加规则，排除Flutter Web项目的资源目录或.bin、图片格式后缀（.png/.jpg等）的拦截。

2. 清理并重新打包Web项目
   执行flutter clean清除旧的打包缓存，再重新运行flutter build web或flutter run -d chrome，避免缓存的损坏资源影响加载。

3. 检查图片格式与资源配置

   • 确认pubspec.yaml中资源路径配置正确，示例：

     flutter:
       assets:
         - assets/images/your_target_image.png
     

   • 将图片重新导出为标准格式，去除多余元数据（比如用图片编辑工具或在线优化工具处理），避免Web端解析时因非标准格式触发异常。

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