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

如何在Flutter的pubspec.yaml中添加资源?尝试assets/仍报错

Flutter pubspec.yaml 资源添加正确操作及错误修复

从你提供的报错来看,问题出在pubspec.yaml的资源配置格式不对,下面是正确的配置步骤和排查要点:

正确配置格式

在pubspec.yaml里找到flutter:节点,按照yaml的缩进规则添加assets配置,注意必须用空格缩进,不能用tab,格式如下:

flutter:
  uses-material-design: true
  # 资源配置开始
  assets:
    - assets/  # 引入整个assets文件夹下的所有资源
    - assets/icons/arrow.png  # 也可以单独指定某个文件

你之前写的(assets/)是错误的,yaml列表项必须以- 开头,不需要加括号。

常见问题排查

  • 确认assets文件夹和pubspec.yaml在同一目录下,路径写错会导致找不到资源
  • 配置完后执行flutter pub get,然后重启应用(热重载有时候不生效)
  • 如果是iOS平台,偶尔需要打开Xcode确认资源是否被包含在项目中(一般自动同步,特殊情况手动添加)

验证配置

用AssetImage('assets/xxx.png')加载一张测试图片,如果能正常显示,说明配置没问题。

内容的提问来源于stack exchange,提问作者Mahomed Khaled

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.14 15:35:21