当前位置: 首页 > article >正文

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


http://www.kler.cn/a/325385.html

相关文章:

  • 【网络安全 | 漏洞挖掘】通过密码重置污染实现账户接管
  • 鸿蒙实战:页面跳转
  • 如何利用SAP低代码平台快速构建企业级应用?
  • 【软件测试】设计测试用例的万能公式
  • 在Node.js中如何使用TypeScript
  • LeetCode题解:17.电话号码的数字组合【Python题解超详细,回溯法、多叉树】,知识拓展:深度优先搜索与广度优先搜索
  • 黑马智数Day2
  • Python pyusb 使用指南【windows+linux】
  • 基于单片机的无线宠物自动喂食系统设计
  • 大数据复习知识点3
  • Python线程终止:如何优雅地结束一场“舞蹈”
  • Mybatis缓存机制(图文并茂!)
  • YOLOv8改进 | 融合篇,YOLOv8主干网络替换为MobileNetV4+CA注意机制+Powerful-IoU损失函数(全网独家首发,实现极限涨点)
  • 力扣刷题之1014.最佳观光组合
  • RK3588主板PCB设计学习(五)
  • CRC循环校验的功能
  • 串行化执行、并行化执行
  • 算法记录——树
  • 学生宿舍管理:Spring Boot技术驱动
  • React 中的无限滚动加载数据实现
  • 探索 JUnit 5:下一代 Java 测试框架
  • Android PopupWindow.showAsDropDown报错:BadTokenException: Unable to add window
  • 【设计模式-访问者模式】
  • vue项目报错: At least one is required in a single file component.的主要原因及解决办法
  • MySQL 左右连接
  • Python 统计学