Flutter web：尝试加载资产时出错：Flutter Web 引擎无法获取“assets/”

Question

我有一个 flutter Web 应用程序...当我运行它时，出现未捕获的异常 尝试加载资产时出错：Flutter Web 引擎无法获取“assets/”。 HTTP 请求成功，但服务器响应 HTTP 状态 404。

当我单击“继续”时，屏幕将打开并且图像加载没有任何问题

flutter:
  uses-material-design: true
  assets:
    - assets/images/
    - assets/translations/

Expanded(
          child: Container(
            padding: const EdgeInsets.symmetric(vertical: 24, horizontal: 16),
            width: widget.isExpanded ? 310 : 100,
            decoration: const BoxDecoration(
              image: DecorationImage(
                image: AssetImage(
                  AssetsData.menuBackground,
                ),
                alignment: Alignment(0.65, .72),
                fit: BoxFit.none,
                scale: 2.5,
                repeat: ImageRepeat.noRepeat, // Prevent image repetition
              ),
            ),
            child: SideMenuList(
              isExpanded: widget.isExpanded,
            ),
          ),
        ),

class AssetsData {
  // Translation
  static const enTranslation = 'assets/translations/en.json';
  static const arTranslation = 'assets/translations/ar.json';

  // Images
  static const logo = 'assets/images/logo.png';
  static const circles = 'assets/images/circles.gif';
  static const menuBackground = 'assets/images/bs.jpg';
  static const avatar = 'assets/images/avatar.png';
  static const masterData = 'assets/images/master_data_icon.svg';
  static const salesTransactionsIcon =
      'assets/images/sales_transactions_icon.svg';
  static const supportIcon = 'assets/images/support_icon.svg';
  static const mainPurchaseOrder = 'assets/images/main_purchase_order_icon.svg';
  static const uploadIcon = 'assets/images/upload_icon.svg';
  static const filterIcon = 'assets/images/filter_icon.svg';
  static const settingsIcon = 'assets/images/settings_icon.svg';
  static const homeIcon = 'assets/images/home.svg';
}

尝试清理和重建 尝试更改资产文件夹名称并在 yaml 中更改它

Answer 1

按照以下步骤检查

资产：

- assets/images/
- assets/translations/

检查这个

• 资产/图像/和资产/翻译/必须距左侧两个选项卡

• 文件夹/目录名称与资产、图像和翻译相同

• 目录必须具有相同的层次结构

  assets
      images
      translations
  

• 在flutter web中，有时资源图像不会加载到网络（桌面）中，但它可以在移动网络（移动chrome或移动网络）中工作

• 在 Flutter Web 资源图像中，有时无法在发布版本中加载，但在调试版本中运行良好

• 所以检查上述情况是否有效，然后更改您的图像

• 在您的代码中，您使用容器 -> 装饰 -> 图像：DecorationImage。它在 flutter web 中有时不起作用，所以首先检查 Image.asset （不在装饰内部）。

• 颤抖干净

• flutter 酒吧获取

希望这会起作用