FlutterError - Unable to load asset

If you created your flutter project using the Android Studio wizard and you are getting the following error FlutterError: Unable to load asset when trying to use an image as asset, check your file pubspec.yaml.

This is where you indicate the path to folders and files that should be included as assets in the project.

I had created the base project with the Android Studio wizard and the pubspec.yaml had an indentation error, which is the source of the error.

Incorrect indentation (newly generated project file):

flutter:

uses-material-design: true

assets:
  - images/test.png

Correct indentation:

flutter:

   uses-material-design: true

   assets:
      - images/test.png

Note that indentation is necessary to demarcate the envelopment of dependencies (since there are no tags that mark the closing).

So each asset must be indented as a child of assets:, and it must be indented as a child of flutter:

Other asset loading issues can be resolved by running:

flutter clean

Also, be careful with slashes when indicating the path of files in pubspec.yaml.

Windows uses backslashes by default to indicate paths (\), and this can cause your file to not be interpreted correctly.

Always use forward slashes (/) to indicate the path of files. In Visual Studio Code you can configure preferences so that the option “Copy relative path” of project files always uses the forward slash.