Значок семантического интерфейса React отображается как пустой прямоугольник при переносе в весеннюю загрузку

Question

Приложение весенней загрузки имеет папку пользовательского интерфейса, которая содержит весь код пользовательского интерфейса и файл управления пакетами (package.json, yarn.lock).Эта папка может полностью запустить себя в порту 3000, выполнив установку пряжи и запуск пряжи.В этот момент иконка из Semantic UI React работает нормально.И я использую наиболее распространенную «домашнюю» иконку, поэтому она должна быть доступна, несмотря ни на что.(Я импортирую 'semantic-ui-css / semantic.min.css')

Но если я заверну свой пользовательский интерфейс под Springboot и сделаю "mvn clean install" и "java -jar xxx.jar", чтобы запустить егов порту 8080 все значки становятся пустыми прямоугольниками, но все остальные макеты CSS работают нормально.Возможно, мне не хватает какой-либо конфигурации в весенней загрузке или семантического интерфейса реагировать?Или я должен загрузить актуальную иконку и хранить локально?Я понятия не имею, как отладить это ..

Answer 1

Похоже, вам нужно явно исключить файл шрифта из фильтра maven.Ответ от postalservice14 у меня работает.

Ответ здесь: Spring Boot - Font Awesome OTS ошибка синтаксического анализа: не удалось преобразовать .

Answer 2

Каждый раз, когда вы берете обычное веб-приложение и оборачиваете его в что-то вроде spring-boot, Electron или Cordova, некоторые пути к вашим файлам могут работать некорректно для новой платформы.После этого ваши файлы шрифтов также могут быть неправильными.

Проверьте свой CSS и посмотрите, как определяются пути для ваших значков:

a) Если шрифты находятся в CDN,ваше упаковочное приложение дает вам доступ к этим веб-ресурсам?Если нет, вам нужно будет включить файлы шрифтов в вашу сборку и ссылаться на них локально.

b) Это относительные пути?

• Проверьте, расположены ли шрифты впуть, на который ссылается ваш CSS.
• Если это так, относительные пути могут не работать на вашей новой платформе.Скорее всего, вам придется скомпилировать немного другой CSS для другой среды.