Vue PWA模板，使用SVG精灵_Svg_Webpack_Vue.js

Vue PWA模板，使用SVG精灵

svg webpack vue.js

Vue PWA模板，使用SVG精灵,svg,webpack,vue.js,Svg,Webpack,Vue.js,我目前正在尝试在vue组件中使用svg精灵，但我根本无法让它工作。我在谷歌上搜索了几个小时，但找不到有效的解决方案。我尝试将svg加载程序添加到webpack配置中，但没有任何效果。我只想做的是： <svg><use xlink:href="../assets/fa-regular.svg#bars"/></svg> 但“fa regular.svg”我总是得到404。我错过了什么？我甚至不知道从哪里开始。这是vue加载程序问题吗？网页问题也许有人遇到

我目前正在尝试在vue组件中使用svg精灵，但我根本无法让它工作。我在谷歌上搜索了几个小时，但找不到有效的解决方案。我尝试将svg加载程序添加到webpack配置中，但没有任何效果。我只想做的是：

<svg><use xlink:href="../assets/fa-regular.svg#bars"/></svg>

但“fa regular.svg”我总是得到404。我错过了什么？我甚至不知道从哪里开始。这是vue加载程序问题吗？网页问题

也许有人遇到了类似的问题

问候

SVG 2不再需要xlink名称空间，因此应该使用href而不是xlink:href

所以试试这个：

<svg><use href="../assets/fa-regular.svg#bars"/></svg>