uni-app+vue3开发微信小程序使用本地图片渲染不出来报错[渲染层网络层错误]Failed to load local image resource

我把图片放在assets里面页面通过相对路径引入。结果一直报错。

最后我把图片放在static文件夹下面。然后修改路径指向static就可以了

或者是我们必须先import 这个图片然后在使用

复制代码
import banner1 from '../../assets/images/banner/banner1.png';

<image :src="banner1" />

这样的格式。但是我这个里面太多图片了一个个引入在使用太麻烦了。

微信小程序项目在打包的时候。看了一下,并没有我使用的这个main的文件夹。所以找不到图片。但是放在static里面是打包时直接把这个static文件夹放进去的。uni-app小程序打包的时候只会打包使用的图片。可能他觉得你js定义的图片并没有使用吧。

assets文件夹里面的图片会被打包,名称

相关推荐
Lily.C17 分钟前
小程序WebSocket实时通信全解析
websocket·网络协议·小程序
风月歌20 分钟前
基于小程序的超市购物系统设计与实现源码(java+小程序+mysql+vue+文档)
java·mysql·微信小程序·小程序·毕业设计·源码
小离a_a31 分钟前
uniapp微信小程序实现拍照加水印,水印上添加当前时间,当前地点等信息,地点逆解析使用的是高德地图
微信小程序·小程序·uni-app
天呐草莓43 分钟前
企业微信运维手册
java·运维·网络·python·微信小程序·企业微信·微信开放平台
鲁Q同志43 分钟前
微信小程序树形选择组件
微信小程序·小程序
前端小雪的博客.1 小时前
uniapp小程序顶部状态栏占位和自定义头部导航栏
小程序·uni-app
kdniao12 小时前
问答FQA|快递鸟对接系统/小程序常见问题解答产品篇(一)
大数据·小程序
2503_928411562 小时前
12.23 page页面的逻辑
前端·小程序
我叫逢12 小时前
一键去水印实战已上线!心得~
微信小程序·php·去水印
qq_124987075315 小时前
基于微信小程序的电子元器件商城(源码+论文+部署+安装)
java·spring boot·spring·微信小程序·小程序·毕业设计