|
|
相关文章推荐
|
气势凌人的大葱 · 在adf中将字符串转换为星号-腾讯云开发者社 ...· 7 月前 · |
|
|
愉快的单车 · 卡拉彼丘遇到常见问题解决方法 - 哔哩哔哩· 1 年前 · |
|
|
活泼的骆驼 · Django开发中遇到的空数组问题 - ...· 1 年前 · |
Vue - Vite _
EN
问
Vue - Vite _
Stack Overflow用户
提问于
2022-07-04 08:27:21
回答 2
查看 1K
关注 0
票数 1
在我的Vue vite应用程序中，我试图在html元素中使用svg文件作为src属性。
<img class="..." src="/src/assets/images/bg/main-banner.svg" alt="Background">在开发中，它如预期的那样工作。在生产过程中，图像的src属性是对象。我尝试了 Vite文档 的每一种方法，但这些方法都不能解决这个问题。我使用vite- svg -加载程序，所以我可以使用svg文件作为Vue组件。这会否与这个问题有关？
谢谢。
EN
回答 2
Stack Overflow用户
发布于 2022-07-05 02:08:32
用
vite-svg-loader
vite-svg-loader
会导致
*.svg
在默认情况下解析为Vue组件，这将被转换为
<img>.src
属性的字符串，从而导致
[object Object]
。
要将
*.svg
作为URL加载，您可以选择
默认情况下
// vite.config.js
import { defineConfig } from 'vite'
import svgLoader from 'vite-svg-loader'
export default defineConfig({
plugins: [
svgLoader({
defaultImport: 'url',
})...or使用 进口param
<img src="@/assets/logo.svg?url" />
无
vite-svg-loader
如果您只想获取
*.svg
的URL，实际上不需要
vite-svg-loader
，因为这是一个内置的特性。删除
vite-svg-loader
应该可以解决这个问题：
// vite.config.js
import { defineConfig } from 'vite'
// import svgLoader from 'vite-svg-loader' ⛔️ delete
export default defineConfig({
推荐文章
|
|
愉快的单车 · 卡拉彼丘遇到常见问题解决方法 - 哔哩哔哩 1 年前 |