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

Question

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

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

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

生产版本中的相同片段：

我的想法是要么图标字体在某个时候被错误地复制，要么服务器无法正确加载字体，这是不太可能的，因为当我不使用CRA时早先加载了它们。

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

P.S。我正在使用以下版本的语义UI。我使用semantic在src目录中生成了npm i semantic-ui文件夹。

semantic-ui: ^2.4.2;

semantic-ui-react: ^0.85.0

Answer 1

我发现了一个问题。问题是，在构建前端后，Maven错误地将生产版本复制到公用文件夹

找到了解决方法here