Flutter Hangman项目启动页图片报错：pubspec.yaml找不到目录项

核心问题原因 #

你在pubspec.yaml的资产配置里犯了一个细节错误：图片路径末尾多添加了斜杠/，导致Flutter将该路径识别为目录，但实际上它指向的是单个图片文件，因此出现"找不到目录条目"的报错。

看你当前的pubspec配置：

assets:
  - assets/images/hangmanLoading.png/

末尾的/让Flutter认为你要加载的是名为hangmanLoading.png的目录，而非同名图片文件，和你的项目实际结构不匹配。

快速解决步骤 #

1. 修正pubspec.yaml的资产路径
   去掉路径末尾的斜杠，改为：

   assets:
     - assets/images/hangmanLoading.png
   

   或者更灵活的方式：直接配置整个图片目录，这样后续添加图片无需重复修改pubspec：

   assets:
     - assets/images/
   

2. 重新加载资产
   在终端执行命令，让Flutter重新识别资产配置：

   flutter pub get
   

   之后完全重启项目（热重载可能不生效）。

3. 验证代码路径
   你的启动页代码中AssetImage的路径是正确的，无需修改：

   const Image(image: AssetImage('assets/images/hangmanLoading.png'),),
   

额外注意事项 #

• 确保pubspec.yaml的缩进是空格而非制表符（你已确认缩进正确，可忽略此检查）；
• 检查图片文件名大小写，Flutter在部分平台对文件名大小写敏感，需保证代码中的路径和实际文件名完全一致。

内容的提问来源于stack exchange，提问作者Eder Savillon