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

Question

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

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

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

<Icon data={faTimes} />

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

Есть ли решение для это?

Answer 1

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

  import Icon from 'svelte-awesome/components/Icon';