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

Vue3 + Vite 打包引入图片错误

1. 具体报错

报错信息

报错代码

2. 解决方法

改为import引入,注意src最好引用为@符引入,不然docker部署的时候可能也会显示不了

<template><img :src="loginBg" alt="">
</template><script lang='ts' setup>
import loginBg from "@/assets/images/login-svg.png";
</script>
http://www.lryc.cn/news/407253.html

相关文章:

  • 搭建NFS、web、dns服务器
  • C++的UI框架和开源项目介绍
  • SpringBoot连接PostgreSQL+MybatisPlus入门案例
  • vue3里将table表格中的数据导出为excel
  • 【算法】分布式共识Paxos
  • 软考:软件设计师 — 5.计算机网络
  • C++ //练习 15.28 定义一个存放Quote对象的vector,将Bulk_quote对象传入其中。计算vector中所有元素总的net_price。
  • Midjourney绘画提示词精选
  • Kylin中的RBAC:为大数据安全加把锁
  • DDoS 攻击下的教育网站防护策略
  • Android13以太网静态IP不保存的问题
  • Redis 7.x 系列【31】LUA 脚本
  • mysql中You can’t specify target table for update in FROM clause错误
  • Linux Vim最全面的教程
  • setsockopt选项对tcp速度
  • HarmonyOS应用开发者高级认证,Next版本发布后最新题库 - 多选题序号3
  • bool数组的理解和应用[C++]
  • JavaScript模拟滑动手势
  • Text Control 控件教程:使用 .NET C# 中的二维码和条形码增强文档
  • 最新爆火的开源AI项目 | LivePortrait 本地安装教程
  • 揭秘Django与Neo4j:构建智能知识图谱的终极指南
  • 项目一缓存商品
  • SEO与数据中心代理IP的结合能带来哪些便利?
  • 《昇思25天学习打卡营第6天|ResNet50图像分类》
  • Activiti 6 兼容openGauss数据库bytes类型不匹配
  • 缓存技术:提升性能与效率的利器
  • LeetCode 637, 67, 399
  • 如何压缩视频大小不改变画质?这5个视频压缩免费软件超好用!
  • 深入理解 Java 虚拟机第三版(周志明)
  • 算法 定长按组翻转链表