Flutter开发：报错The following assertion was thrown resolving an image codec：Unable to…的解决方法

前言

在Flutter开发中，经常会遇到一些稀奇古怪的的报错，比如版本更新之后会报错、文件没有导入会报错、第三方插件版本不一致的报错等等，而且最近几年Flutter不断完善和更新的速度越来越快，这就需要Flutter相关的开发者时刻保持不断学习的心态，来应对在Flutter开发中遇到的各种突发情况。本篇博文就来分享一下关于Flutter开发中运行Flutter项目之后报错The following assertion was thrown resolving an image codec：Unable to load asset：…的解决方法，记录一下，方便后期查阅使用。

报错提示

在终端中运行flutter run命令之后，项目控制台报错，具体报错信息提示如下所示：

===| Exception caught by image resource service |================

The following assertion was thrown resolving an image codec:

Unable to load asset: assets/mine/mine_set.png

When the exception was thrown, this was the stack:

#0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:224:7)

<asynchronous suspension>

#1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:675:14)

<asynchronous suspension>

Image provider: AssetImage(bundle: null, name: "assets/mine/mine_set.png")

Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#dd41f(), name: "assets/mine/mine_set.png", scale: 1.0)

=======================================================

Another exception was thrown: Unable to load asset: assets/mine/mine_arr01.png

分析

虽然终端提示的报错这么长一坨，其实关键的一句是“ The following assertion was thrown resolving an image codec: Unable to load asset: assets/mine/mine_set.png”，由于在创建资源文件的时候，没有在Flutter的 pubspec.yaml 文件中引入配置图片路径，不然就会在运行之后报错找不到该图片资源。

解决方法

1、在项目根目录下新建的存放图片的文件夹mine之后，需要引入存放图片路径

2、接着打开项目根目录下面的pubspec.yaml 文件，然后将assets/mine添加到assets下面，具体操作如下所示：

flutter:

  # The following line ensures that the Material Icons font is

  # included with your application, so that you can use the icons in

  # the material Icons class.

  uses-material-design: true



  # To add assets to your application, add an assets section, like this:

  assets:

            - assets/mine/

3、最后在使用图片资源的时候，也是使用相对路径加载，通过Image组件来加载图片资料即可。

4、重新运行项目，不在报错，这样问题完美解决。

注意：assets:是属于flutter下面的选项，所以assets:前面所保留的空格必须和flutter中的其他选项对齐，这样才是规范的格式，才会正常的加载显示图片。

最后

        通过上面介绍的关于Flutter开发中，运行Flutter项目之后报错The following assertion was thrown resolving an image codec：Unable to load asset：…的解决方法步骤，以后再遇到类似因为引入方式造成的问题就迎刃而解了，尤其是对于刚接触Flutter开发不久的开发者来说，更应该掌握这种情况的解决方法，这里不再赘述。

以上就是本章的全部内容，欢迎关注三掌柜的微信公众号“程序猿by三掌柜”，三掌柜的新浪微博“三掌柜666”，欢迎关注！

​​​​​​​