font-awesome - 如何在 Svelte/Sappe 中使用 Font Awesome 5

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 组件。您可能需要查看构建配置以确保编译依赖项，而不是作为预编译模块导入”

有针对这个的解决方法吗？

标签： font-awesomesveltesapper

Answer 1

对于 svelete-aweome，导入在 Sapper 中应如下所示：

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