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
相关产品推荐
相关产品推荐

