reactjs - 无法在生产版本中解码下载的字体（语义 UI React）

问题描述

我正在开发一个项目，前端使用 ReactJS，后端使用 Java（Spark 框架）。为了使用前端构建服务器，我使用构建前端yarn build，然后使用 Maven 将文件夹的内容build复制到src/main/resourses/public文件夹，Spark 从中提供所有静态文件。最近，我搬到了 CRA，从那时起，所有图标在生产构建中都消失了。

当我在 webpack-dev-server 上运行项目时，一切正常。所有图标都已加载，如下所示：

但是，当我构建前端的生产版本并将其复制到public文件夹时，我收到此错误：

生产构建的相同片段：

生产构建中的相同片段

我的想法是图标字体在某些时候被错误地复制，或者服务器无法正确加载字体，这不太可能因为它们在我没有使用 CRA 时加载过。

此外，网站中似乎确实存在字体，因为它们在 Chrome 开发工具中显示为源。但是，正如我所说，它们可能加载不正确。

PS 我正在使用以下版本的语义 UI。我semantic使用. src_npm i semantic-ui

semantic-ui: ^2.4.2;

semantic-ui-react: ^0.85.0

标签： reactjssemantic-uicreate-react-app

reactjs - 无法在生产版本中解码下载的字体（语义 UI React）

问题描述

解决方案

推荐阅读