мануально(статично) указываю иконка подгружается
<svg>
<use :xlink:href="href"></use> // нет иконки
</svg>
computed: {
href() {
return ../../static/images/icon-${this.icon}.svg#${this.icon}
}
}
заранее благодарю!
Скорее всего потому, что по такому пути на сервере файла нет, а прописан тут не путь доля файла на сервере, а относительный путь до другого модуля, который будет работать только после сборки. Соответственно, сборщика в браузере нет, где взять файл он не знает.
<use xlink:href="../../static/images/icon-search.svg#search"></use> Так работает
потому что так он видит, что это путь до ресурса, и прогоняет через url-loader из-за html-loader-а
Можно попробовать обернуть путь в require(), но не знаю, срабатывает ли require.context для фрагментов
а если проверку добавить и загружать svg когда путь сформирован
Обсуждают сегодня