SvelteKit не загружает иконки из IONICONS

server-side-rendering #svelte #sveltekit

#рендеринг на стороне сервера #стройный #sveltekit

Вопрос:

В настоящее время я использую ionicons в качестве пакета значков для проекта, когда вы вручную обновляете страницу (cmd R ), все значки, которые ранее отображались, исчезают. Однако при навигации по всему приложению через hrefs или при начальной загрузке все иконки отображаются правильно.

ШАГИ ДЛЯ ВОСПРОИЗВЕДЕНИЯ

  1. Добавьте иконки скрипта ionicons в тело app.html
  2. Добавьте значок на любую страницу svelte, например <ion-icon name="add-outline"></ion-icon>
  3. Вручную обновите страницу (cmd R и т. Д.) И убедитесь, что значки не отображаются

Смотрите Здесь для воспроизведения репо ошибки

Комментарии:

1. Один из вариантов — просто использовать ionicons как SVG в коде. Нет зависимости, и они будут отображаться точно.

Ответ №1:

  1. Этот проект выбрал очень странный и, я полагаю, плохой способ распространения иконок.
  2. Этот способ несовместим с большинством асинхронных режимов использования.
  3. У них была ошибка по этому поводу последние 3 года https://github.com/ionic-team/ionicons/issues/608

Вы можете попробовать этот совет https://github.com/ionic-team/ionicons/issues/646#issuecomment-536150373 но я настоятельно рекомендую перейти на другой набор значков. Эти иконки предназначены только для Ionic Framework или статических веб-сайтов.