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

Flutter加载本地图片报错:unable to load asset: the asset does not exist

Flutter本地图片加载失败:"unable to load asset: the asset does not exist" 解决方案

核心问题定位

你的pubspec.yaml存在两处关键错误,导致资源无法被Flutter识别:

  1. 路径分隔符错误:Windows系统的反斜杠\不被Flutter资源系统兼容,必须使用正斜杠/
  2. 缩进层级错误:fonts和assets节点没有正确嵌套在flutter:节点下,Flutter无法读取这些配置

修正后的pubspec.yaml配置

name: flutter_application_2
description: "A new Flutter project."
publish_to: 'none'
version: 0.1.0

environment:
  sdk: '>=3.2.5 <4.0.0'

dependencies:
  flutter:
    sdk: flutter

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^2.0.0

flutter:
  uses-material-design: true

  fonts:
    - family: Ubuntu
      fonts:
        - asset: assets/fonts/Ubuntu-Regular.ttf  

  assets:
    - assets/hotcoffee.jpg

额外检查项

  • 确认图片文件名完全匹配:注意大小写(比如HotCoffee.jpg和hotcoffee.jpg是不同的),不要有拼写错误
  • 执行flutter clean清理缓存,然后重新运行项目
  • 确保图片确实存放在项目根目录的assets文件夹中,没有放错路径

内容的提问来源于stack exchange,提问作者John Brown

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.01 16:32:12