flutter:Unable to load asset:图片加载错误原因

最新推荐文章于 2024-07-05 15:47:06 发布
最新推荐文章于 2024-07-05 15:47:06 发布
阅读量6.4k 收藏
点赞数 1
分类专栏： flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jp192021/article/details/118803232
版权

学习flutter，在调用 图片时，出现Unable to load asset的错误，我一再确认跟教程上写的是一模一样的，完全没有多的空格或者少的空格，就是显示错误。

  assets:

    - images/clik.jpg

使用的最新版flutter跟着教程打就会有不少小毛病。

后来看到控制台一段文字：

找不到assets/images/clik.jpg  的图片，

根目录下新建assets文件夹，把images文件夹移动到assets中，完美解决。

 

jp192021
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter开发：Another exception was thrown：Unable to load asset：…的解决方法
软贱开发攻城狮
05-20 3077
导读 在Flutter开发中，遇到Another exception was thrown: Unable to load asset: …，本地图片问题的解决方法。 问题 在项目中创建assets文件夹，在assets下面新建images文件，把需要的图片资源放入images文件夹下，然后在需要的地方调用使用图片，具体使用如下所示： Image.asset("images/shenfen1.png",width: 80, height: 80), 运行项目，结果遇到如下错误提示： .
Flutter加载本地图片Image.asset方式错误
Anding的博客
10-26 8565
今天发现一个Flutter加载图片的大坑，当我按照谷歌文档使用Image.asset方式加载本地图片的时候，一直报 flutter - FlutterError: Unable to load asset 这个错误，后台死活以为是自己的文件夹创建错误或者是本人的问题，结果最后发现是数据bulid生成的问题解决方式如下： 进入当前Flutter工程的根目录，建议使用终端进入 执行：flutter ...
flutter Unable to load asset: 报错
weixin_39928446的博客
01-22 3280
flutter Unable to load asset: 在pubspec.yaml 里面assets的写法很重要，注意空格， 要求assets是在flutter下面 所以你鼠标点击aseets：的后面 (我用的androidStudio) 下面的提示应该是 Document 1/1 > flutter: > assets 点击images/ 后面的地方 应该显示 这样才算挂载上了，图片才能显示 ...
Flutter报错: Unable to load asset
zyq992330270的博客
09-03 9808
添加资源图片异常 异常原因：assets 前面多了个空格.。 解决方案：去除 assets 前面的一个空格，注意整体的标签对齐。 flutter: [2 whitespaces or 1 tab]assets: [4 whitespaces or 2 tabs]- images/test1.png [4 whitespaces or 2 tabs]- images/test2.png ...
Flutter 图片加载报错：Unable to load asset （2020新）
qq_44825991的博客
05-31 1626
1.首先看你的目录是不字母都一样，确定写对了 2.Flutter需要在.yaml文件配置一下路径, assets:前面两个空格， -assets前面4个空格。 ** 3.如果你是用数组方式加载，如下，String数组或容器需要用“”保存路径，‘ ’会加载不出来，（本人血泪采坑bug） 或者 .asset(" "), 里面用双引号加载试一下 ...
解决Flutter Unable to load asset:本地图片问题
jwg1988的博客
12-27 1万+
在项目最外层(同Android与iOS)同级建一个名为assets文件夹，里面建images包，将本地图片资源放进去，然后在需要引用的地方使用Image.asset( "assets/images/ic_mine_doctor.png", width: 40, height: 40, ), 报错：Another exception was thrown: Unable to load asset...
【Flutter小记2】Android加载图片资源出现Unable to load asset的解决方案
李华明Himi
11-09 1112
Android加载图片资源出现Unable to load asset的解决方案
Flutter Image实现图片加载
08-25
Flutter Image实现图片加载 Flutter Image是Flutter框架中用于加载和显示图片的Widget。它提供了多种方式来加载图片，包括从网络、assets和文件系统中加载图片。下面是对Flutter Image的详细介绍： 基本概念 在...
Flutter中网络图片加载和缓存的实现
08-26
Flutter中网络图片加载和缓存的实现 Flutter中网络图片加载和缓存的实现是移动应用开发中一个非常重要的主题。在Flutter中，网络图片加载和缓存的实现主要通过Image Widget来实现，该小部件已经提供了加载网络图片...
Mall_Flutter:商城的 Flutter 项目
05-02
【Mall_Flutter:基于Flutter的商城应用详解】 Mall_Flutter是一个采用Flutter框架开发的商城应用程序，旨在提供跨平台的电商解决方案，支持Android和iOS两大主流移动操作系统。Flutter是由Google推出的开源UI工具包...
eyepetizer_flutter:Flutter仿开眼短视频App
05-06
【eyepetizer_flutter: Flutter仿开眼短视频App】是一个基于Dart编程语言和Flutter框架构建的移动应用程序项目。这个项目旨在模仿知名的“开眼”短视频应用，为用户提供类似的功能和用户体验。通过使用Flutter，...
Face-Recognition-Flutter:Flutter实时人脸识别
05-26
步骤2：转到项目根目录，并在控制台中执行以下命令以获取所需的依赖关系： flutter pub get第3步：为flutter_tflite软件包添加动态库，以使其正常工作：步骤4：安装Flutter应用 flutter run认可度（来自Westworld的...
Flutter 报错：Unable to load asset: xxx.png 解决
华山论码
09-09 1161
报错如下： 1.新建的images文件夹要与pubspec.yaml同级 2.好像出现这条线才行，距离左边两个空 如上图所示，因为assets：是属于flutter下的项，所以assets：前面所留的空格必须是和flutter的其他项对齐，这样才能正确加载出图片。 ...
Flutter: Unable to load asset Image provider: AssetImage(bundle: null, name: “assets/xx/xx.jpg
Bloxed_shangyc的博客
11-06 2793
Flutter图片加载问题，Flutter: Unable to load asset Image provider: AssetImage(bundle: null, name: “assets/images/xx.jpg”) 解决方案： 依赖包添加文件目录路径（在pubspec.yaml文件里） flutter: # The following line ensures that the Material Icons font is # included with your applicatio
Flutter加载本地图片报错Unable to load asset:xx.png
旧时光っ
03-11 998
在Flutter项目根目录创建存放图片的文件夹,例如:images 在项目pubspec.yaml文件里，flutter节点下，添加如下: assets: - images/logo.png 加载图片: 使用Image部件加载本地图片 assets：前面所留的空格要和其它配置属性对齐 比如 uses-material-design: true 这样才能正确加载出图片 希望能帮助遇到相同问题的你。 ...
ReactNative——问题：新工程运行红屏，报错unable to load script from asset/index.android.bundle
萌鼠喝酸奶的博客
07-27 935
最近在学习RN，初始化完一个新RN工程后，直接运行，红屏报错unable to load script from assets/index.android.bundle 错误信息意思是找不到在assets下找不到bundle包，点到工程目录里，的确没有bundle包。 通过不断地尝试，最终解决。 解决办法： 1、手动在android/app/src/main目录下新建assets文件夹； ...
Flutter 图片加载报错：Unable to load asset: xxx.png 解决方法
热门推荐
大工软男de小书柜
09-13 2万+
工程中的代码： Container(decoration: BoxDecoration( image: DecorationImage( image: AssetImage('images/1.png'), fit: BoxFit.cover), ) 附录flutter官方提供的加载asset资源例子： https://github.com/nisrulz/flutter-exa...
Flutter加载网络图片失败
juer2017的博客
03-28 1112
Flutter中使用Image.network()加载网络图片，真机可以正常显示图片，选择Chrome运行时图片不显示，并报：Failed to load network image.
FlutterWeb渲染模式及提速
最新发布
许进进的博客
07-05 1011
尽管CanvasKit模式在动画和交互体验上优于HTML模式，但其加载速度较慢。在内部使用的网站中，可以优先考虑交互体验。
flutter 错误Failed to load asset at "assets/webassets/excelSample
05-12
这个错误可能是因为Flutter无法找到指定路径下的资源文件。检查以下几点以解决此问题： 1. 确认文件路径是否正确。在你的Flutter项目中，确保文件夹名、文件名、扩展名以及文件路径都是正确的。 2. 确认文件是否被正确导入到Flutter项目中。在pubspec.yaml文件中，检查assets部分是否包含了所需资源文件的路径。例如： ``` flutter: assets: - assets/webassets/excelSample.xlsx ``` 3. 执行 `flutter clean` 命令并重新构建你的应用程序。有时，Flutter项目中的缓存文件可能会导致资源文件无法正确加载。在终端中输入 `flutter clean` 命令，然后再次运行你的应用程序。 如果你尝试了以上所有步骤后仍然无法解决问题，请检查文件的权限和访问控制列表（ACL），以确保Flutter可以访问它们。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值