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

Vue3 + Vite项目使用SVG图片

在项目引入SVG时报错 检查路径和SVG均没问题  遂发现需要安装插件后方可使用

1. 安装 vite-svg-loader 

pnpm install vite-svg-loader

2. 配置

在 vite.config.ts 中 配置如下代码

import vue from '@vitejs/plugin-vue';
import svgLoader from 'vite-svg-loader';export default defineConfig({plugins: [vue(), svgLoader()],
})

重启项目后即可

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • OLED柔性显示屏的金线封装胶
  • 【开源合规】开源许可证风险场景详细解读
  • 响应式设计的双璧:WebKit 支持 CSS Flexbox 和 Grid 布局深度解析
  • 强引用?软引用?弱引用?虚引用?一文带你彻底搞懂!!
  • 演唱会售票系统(Springboot+MySQL+Mybatis+BootStrap)
  • flask使用定时任务flask_apscheduler(APScheduler)
  • vue3解决报错:ResizeObserver loop completed with undelivered notifications
  • MinIO - 服务端签名直传(前端 + 后端 + 效果演示)
  • git查看版本,查看安装路径、更新版本
  • 图解 RocketMQ 架构
  • 三星首款智能戒指 Galaxy Ring 将于7月24日上市,售价399美元
  • 深入理解 KVO
  • 【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 找单词(200分) - 三语言AC题解(Python/Java/Cpp)
  • 真实测评网上较火的两款智能生成PPT产品:秒出PPTAI PPT
  • uni-app/vue项目如何封装全局消息提示组件
  • Android 控件背景颜色处理
  • Java 23种设计模式 之单例模式 7种实现方式
  • JavaScript设计模式之工厂模式
  • js对象的深浅拷贝
  • Redis学习笔记 - pipline(流水线、管道)
  • Vue.js 移动端适配之 vw 解决方案
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 力扣(LeetCode)56
  • 罗辑思维在全链路压测方面的实践和工作笔记
  • 提醒我喝水chrome插件开发指南
  • 写给高年级小学生看的《Bash 指南》
  • 译有关态射的一切
  • ​埃文科技受邀出席2024 “数据要素×”生态大会​
  • ​经​纬​恒​润​二​面​​三​七​互​娱​一​面​​元​象​二​面​
  • ​软考-高级-系统架构设计师教程(清华第2版)【第12章 信息系统架构设计理论与实践(P420~465)-思维导图】​
  • ![CDATA[ ]] 是什么东东
  • (02)Unity使用在线AI大模型(调用Python)
  • (1)虚拟机的安装与使用,linux系统安装
  • (el-Date-Picker)操作(不使用 ts):Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (el-Transfer)操作(不使用 ts):Element-plus 中 Select 组件动态设置 options 值需求的解决过程
  • (Java入门)学生管理系统
  • (补充):java各种进制、原码、反码、补码和文本、图像、音频在计算机中的存储方式
  • (多级缓存)多级缓存
  • (分布式缓存)Redis哨兵
  • (十三)Flask之特殊装饰器详解
  • (一)Spring Cloud 直击微服务作用、架构应用、hystrix降级
  • (转)shell中括号的特殊用法 linux if多条件判断
  • .md即markdown文件的基本常用编写语法
  • .net core Swagger 过滤部分Api
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .Net MVC4 上传大文件,并保存表单
  • .NET 将混合了多个不同平台(Windows Mac Linux)的文件 目录的路径格式化成同一个平台下的路径
  • .NET 实现 NTFS 文件系统的硬链接 mklink /J(Junction)
  • .net程序集学习心得
  • .NET面试题(二)
  • .NET设计模式(11):组合模式(Composite Pattern)
  • .Net下的签名与混淆
  • @antv/g6 业务场景:流程图