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

相关推荐
PedroQue991 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
爱勇宝2 天前
我想认真做一件小事:让孩子和家长更好地互动
微信小程序·小程序·云开发
唯火锅不可辜负2 天前
避坑指南:iOS 下 scroll-view 嵌套 fixed 布局的“翻车”现场与修复
微信小程序
didiplus2 天前
运维人的随身神器:我把25个常用工具塞进了微信小程序
微信小程序
一份执念3 天前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念3 天前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
一份执念3 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
PedroQue993 天前
V1.6.1性能优化:高频路径提速与代码精简
前端·uni-app
skiyee4 天前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
夏碧笔5 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app