В настоящее время я пытаюсь использовать спрайт svg в компоненте vue, но я не могу заставить его работать вообще. Я гуглю уже несколько часов, но не могу найти рабочего решения. Я пробовал добавить svg-loader в конфигурацию webpack, но ничего не работает. Все, что я просто хочу сделать, это вот что:
<svg><use xlink:href = "../assets/fa-regular.svg#bars"/></svg>
Но я всегда получаю 404 для fa-regular.svg. Что мне не хватает? Я даже не знаю, с чего начать. Это проблема с загрузчиком vue? Проблема с веб-пакетом?
Может кто сталкивался с подобной проблемой.
С Уважением
От https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
SVG 2 removed the need for the xlink namespace, so instead of xlink:href you should use href.
Так что попробуйте это:
<svg><use href = "../assets/fa-regular.svg#bars"/></svg>