Я занимаюсь разработкой проекта с внешним интерфейсом на ReactJS и внутренним интерфейсом на Java (платформа Spark). Чтобы создать сервер с внешним интерфейсом, я создаю внешний интерфейс, используя yarn build, а затем, используя Maven, копирую содержимое папки build в папку src/main/resourses/public, из которой Spark обслуживает все статические файлы. Недавно я перешел на CRA, и с тех пор все значки исчезли при сборке.
Когда я запускаю проект на webpack-dev-server, все работает нормально. Все иконки загружены, как вы можете видеть ниже:
Но когда я собираю производственную версию веб-интерфейса и копирую его в папку public, я получаю следующую ошибку:
Тот же фрагмент в сборке:
Я думаю, что в какой-то момент шрифты значков либо были скопированы неправильно, либо сервер не может правильно загрузить шрифты, что менее вероятно, так как они были загружены ранее, когда я не использовал CRA.
Кроме того, кажется, что шрифты существуют на веб-сайте, потому что они отображаются как источники в Chrome Dev Tools. Однако, как я уже сказал, они могут быть загружены неправильно.
P.S. Я использую следующие версии Semantic UI. Я сгенерировал папку semantic в каталоге src, используя npm i semantic-ui.
semantic-ui: ^2.4.2;
semantic-ui-react: ^0.85.0