You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中Image.asset加载资源失败求助:无法加载appleandbook.png

解决Flutter Image.asset加载本地图片失败问题

遇到Exception caught by image resource service... 无法加载资源:appleandbook.png错误,无法加载本地图片,结合你提供的代码,问题主要出在资源配置和路径规范上,按以下步骤排查修复:

  • 修正pubspec.yaml中的路径分隔符
    Flutter中资源路径统一使用正斜杠/,不管你用的是Windows还是其他系统。你的pubspec.yaml里用了反斜杠\,这会导致资源无法被正确识别:

    修改前:

    assets:
      - assets\images\appleandbook.png
    

    修改后:

    assets:
      - assets/images/appleandbook.png
    
  • 确认文件实际存在且路径匹配

    • 检查项目根目录下是否存在assets/images/appleandbook.png文件夹和文件
    • 注意文件名大小写完全匹配:Flutter对资源文件名大小写敏感,比如AppleAndBook.png和appleandbook.png会被视为不同文件
  • 执行flutter pub get
    修改pubspec.yaml后,必须在终端执行以下命令,让Flutter重新识别资源:

    flutter pub get
    
  • 重启应用或IDE
    有时候热重载无法加载新配置的资源,建议完全重启应用,甚至重启IDE后再运行项目

你的image_learn.dart中Image.asset('assets/images/appleandbook.png')的路径写法是正确的,无需修改。按以上步骤操作后,图片应该能正常加载。

内容的提问来源于stack exchange,提问作者Çağlar Tezel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 08:18:23