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

相关推荐
打瞌睡的朱尤11 小时前
微信小程序(黑马)Day1~3
微信小程序·小程序
于先生吖12 小时前
UniApp搭配Java后端实现到店预约上门指派,订单状态流转与结算开发教程
java·开发语言·uni-app
AlloyTeamZy15 小时前
AI知多少,你真的了解 AI 吗?
人工智能·微信小程序·ai编程
岳哥i15 小时前
uniapp打包原生App流程及兼容性适配
uni-app
前端小万16 小时前
用AI两小时开发上架的小程序,单日新增用户173
前端·微信小程序
郑州光合科技余经理16 小时前
海外版外卖系统:如何快速搭建国际化外卖平台
java·开发语言·前端·人工智能·小程序·系统架构·php
小北的AI科技分享16 小时前
2026年小程序平台深度解析:全场景数字化经营工具选型指南
小程序·小程序平台
niech_cn16 小时前
uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)
android·ios·uni-app
川石课堂软件测试16 小时前
什么是埋点测试,app埋点测试怎么做?
功能测试·测试工具·华为·小程序·单元测试·appium·harmonyos
郑州光合科技余经理17 小时前
海外版外卖系统源码:支付/地图/多语言核心代码实现
android·java·前端·后端·架构·uni-app·php