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文件夹里面的图片会被打包,名称

相关推荐
游戏开发爱好者82 小时前
如何系统化掌握 iOS 26 App 耗电管理,多工具协作
android·macos·ios·小程序·uni-app·cocoa·iphone
BumBle4 小时前
uniapp AI聊天应用技术解析:实现流畅的Streaming聊天体验(基础版本)
前端·uni-app
2501_915921434 小时前
运营日志驱动,在 iOS 26 上掌握 App 日志管理实践
android·macos·ios·小程序·uni-app·cocoa·iphone
小小王app小程序开发6 小时前
盲盒小程序核心玩法深度解析:一番赏、无限赏及商业逻辑拆解
小程序
skywalk81636 小时前
用Trae自动生成一个围棋小程序
人工智能·小程序
顾青6 小时前
微信小程序 VisionKit 实战(二):静态图片人脸检测与人像区域提取
前端·微信小程序
顾青6 小时前
微信小程序实现身份证识别与裁剪(基于 VisionKit)
前端·微信小程序
從南走到北7 小时前
西陆房产系统小程序
微信·微信小程序·小程序
Q_Q19632884759 小时前
python+uniapp基于微信美食点餐系统小程序
spring boot·python·微信·django·flask·uni-app·node.js