Как использовать Font Awesome 5 с Svelte / Sappe

Я пишу приложение с рендерингом на стороне сервера с помощью Svelte / Sapper, и у меня возникли проблемы с использованием шрифтов Font Awesome.

Для загрузки шрифта я использую следующее:

<script>
  import Icon from "svelte-awesome";
  import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes";
</script>

<Icon data={faTimes} />

Ошибка, которую я вижу: "не является допустимым компонентом SSR. Возможно, вам потребуется просмотреть конфигурацию сборки, чтобы убедиться, что зависимости скомпилированы, а не импортированы как предварительно скомпилированные модули"

Есть ли этому решение?


person Tithos    schedule 30.05.2020    source источник


Ответы (1)


Для svelete-aweome импорт в Sapper должен выглядеть следующим образом:

  import Icon from 'svelte-awesome/components/Icon';
person ejoflo    schedule 10.08.2020