【发布时间】:2019-08-10 10:06:35
【问题描述】:
我正在开发一个项目,前端使用 ReactJS,后端使用 Java(Spark 框架)。为了使用前端构建服务器,我使用 yarn build 构建前端,然后使用 Maven 将 build 文件夹的内容复制到 src/main/resourses/public 文件夹,Spark 从中提供所有静态文件。最近,我搬到了 CRA,从那时起,所有图标在生产版本中都消失了。
当我在 webpack-dev-server 上运行项目时,一切正常。所有图标都已加载,如下所示:
但是当我构建前端的生产版本并将其复制到public 文件夹时,我收到了以下错误:
生产版本中的相同片段:
我的想法是图标字体在某些时候被错误地复制,或者服务器无法正确加载字体,这不太可能因为它们在我之前没有使用 CRA 时加载。
此外,网站中似乎确实存在字体,因为它们 appear 作为 Chrome 开发工具中的源。但是,正如我所说,它们可能加载不正确。
附:我正在使用以下版本的语义 UI。我使用npm i semantic-ui在src目录中生成了semantic文件夹。
semantic-ui: ^2.4.2;
semantic-ui-react: ^0.85.0
【问题讨论】:
标签: reactjs semantic-ui create-react-app