无法在生产构建中解码下载的字体(语义UI反应)

问题描述 投票:0回答:1

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

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

但是当我构建前端的生产版本并将其复制到public文件夹时,我收到一个错误:

生产构建中的相同片段:

我的想法是,图标字体在某些时候被错误地复制,或者服务器无法正确加载字体,这在我不使用CRA之前加载时更不可能。

此外,似乎网站中确实存在字体,因为他们将appear作为Chrome Dev Tools中的Sources。但是,正如我所说,他们可能会被错误地加载。

enter image description here

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

semantic-ui: ^2.4.2;

semantic-ui-react: ^0.85.0

reactjs semantic-ui create-react-app
1个回答
0
投票

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

解决方案被发现here

© www.soinside.com 2019 - 2024. All rights reserved.