春季启动时换行时，语义UI React图标显示为空矩形

Question

spring boot应用程序具有一个UI文件夹，其中包含所有UI代码和程序包管理文件（package.json，yarn.lock）。该文件夹可以通过安装纱线和启动纱线而完全在端​​口3000中运行。此时，语义UI React的图标可以正常工作。而且我使用的是最常用的“主页”图标，因此无论如何它都应该可用。 （我导入了“ semantic-ui-css / semantic.min.css”）

但是，如果我在springboot下包装UI并执行“ mvn clean install”和“ java -jar xxx.jar”以在端口8080中运行它，则所有图标都变为空矩形，但所有其他CSS布局都可以正常工作。我是否可能在Spring Boot或语义ui反应中缺少某些配置？或者我应该下载实际的图标并存储在本地？我不知道如何调试它。

Answer 1

每当您使用常规的Web应用程序并将其包装在诸如spring-boot，electron或cordova之类的文件中时，对于新平台，某些文件路径可能无法正常工作。完成后，您的字体文件也可能不正确。

检查CSS并查看如何为图标字体定义路径：

a）如果字体位于CDN上，打包应用程序是否允许您访问那些网络资产？如果没有，您将需要在构建中包括字体文件并在本地引用它们。

b）它们是相对路径吗？

• 检查字体是否位于CSS引用的路径中。
• 如果是这样，相对路径可能无法在您的新平台中使用。你会 可能必须为不同的版本编译稍微不同的CSS 环境。

Answer 2

似乎您需要显式排除字体文件，使其不受maven过滤。 postalservice14的答案对我有用。

在这里回答：Spring Boot - Font Awesome OTS parsing error: Failed to convert。