我正在开发一个带有ReactJS前端和Java后端(Spark框架)的项目。要使用前端构建服务器,我使用yarn build
构建前端,然后使用Maven将build
文件夹的内容复制到src/main/resourses/public
文件夹,Spark从中提供所有静态文件。最近,我搬到了CRA,从那时起,所有的图标都在生产版本中消失了。
当我在webpack-dev-server上运行项目时,一切正常。加载所有图标,如下所示:
但是当我构建前端的生产版本并将其复制到public
文件夹时,我收到一个错误:
生产构建中的相同片段:
我的想法是,图标字体在某些时候被错误地复制,或者服务器无法正确加载字体,这在我不使用CRA之前加载时更不可能。
此外,似乎网站中确实存在字体,因为他们将appear作为Chrome Dev Tools中的Sources。但是,正如我所说,他们可能会被错误地加载。
附:我正在使用以下版本的语义UI。我使用semantic
在src
目录中生成了npm i semantic-ui
文件夹。
semantic-ui: ^2.4.2;
semantic-ui-react: ^0.85.0
我发现了一个问题。问题是,在我构建了前端之后,Maven错误地将生产版本复制到了公共文件夹
解决方案被发现here