Flutter development: error The following assertion was thrown resolving an image codec: Solution for Unable to...

Foreword

In the development of Flutter, we often encounter some strange errors, such as errors after version updates, errors if files are not imported, errors of inconsistent versions of third-party plug-ins, etc., and in recent years, Flutter has continued to improve andThe speed of updates is getting faster and faster, which requires Flutter-related developers to keep a continuous learning attitude to deal with various emergencies encountered in Flutter development.This blog post will share about the solution to the error The following assertion was thrown resolving an image codec: Unable to load asset: ... after running the Flutter project in Flutter development, record it for later reference.

Error message

After running the flutter run command in the terminal, the project console reports an error. The specific error message is as follows:

===| 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)

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

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

Analysis

Although the error reported by the terminal is so long, the key sentence is "The following assertion was thrown resolving an image codec: Unable to load asset: assets/mine/mine_set.png", because when the resource file was created, the configuration image path is not introduced in Flutter's pubspec.yaml file, otherwise it will report an error that the image resource cannot be found after running.

Solution

1. After the newly created folder mine for storing pictures in the project root directory, you need to introduce the path for storing pictures

2. Then open the pubspec.yaml file under the project root directory, and then add assets/mine to assets. The specific operations are as follows:

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. Finally, when using image resources, it is also loaded using relative paths, and the image data can be loaded through the Image component.

4. Re-run the project, no error is reported, so the problem is solved perfectly.

Note: assets: is an option under flutter, so the space reserved in front of assets: must be aligned with other options in flutter, this is the standard format, and the image will be loaded and displayed normally.

Last

The following assertion was thrown resolving an image codec: Unable to load asset: ... in the development of Flutter introduced above, after running the Flutter project, the following assertion was thrown resolving an image codec: Unable to load asset: ... The solution steps, if you encounter similar problems caused by the introduction method in the futureIt's easy to solve, especially for developers who are new to Flutter development, they should master the solution to this situation, and I won't go into details here.

The above is the whole content of this chapter. Welcome to pay attention to the WeChat public account of the three shopkeepers "Program Ape by the three shopkeepers", and the Sina Weibo of the three shopkeepers "Three shopkeepers 666", welcome to pay attention!

​​​​​​​