Wro4j не показывает компонент кнопки поиска BootStrap Glyphicons

В настоящее время я оцениваю оптимизатор веб-ресурсов для своего веб-приложения на Java. Я начинаю использовать Wro4j, и у меня возникла небольшая проблема, это может быть связано с конфигурацией.

Проблема, с которой я сталкиваюсь, связана только с тем, что компонент глифтонов начальной загрузки не отображается должным образом, код, который я имею в своем HTML:

<p>Search icon on a styled link button:
  <a href="#" class="btn btn-info btn-lg">
    <span class="glyphicon glyphicon-search"></span> Search
  </a>
</p>

Моя конфигурация wro.xml

<groups xmlns="http://www.isdc.ro/wro">
    <group name="group1">
        <css>webjar:bootstrap/3.3.2/less/bootstrap.less</css>
        <css>file:${project.basedir}/src/main/wro/main.less</css>
        <css>webjar:bootstrap-select/1.6.3/dist/css/bootstrap-select.css</css>      
        <js>webjar:jquery/2.1.1/jquery.min.js</js>
        <js>webjar:bootstrap-select/1.6.3/js/bootstrap-select.js</js>
        <js>webjar:bootstrap/3.3.2/js/bootstrap.min.js</js>
        <js>webjar:angularjs/1.3.8/angular.min.js</js>
        <js>webjar:angularjs/1.3.8/angular-route.min.js</js>
        <js>webjar:angularjs/1.3.8/angular-cookies.min.js</js>
    </group>
</groups>

Это ошибка, которую я получаю в консоли браузера

Скриншот кнопки со сломанным глифом

Я вижу эти ошибки в консоли браузера:

GET localhost:8080/fonts/glyphicons-halflings-regular.woff2 localhost/:1
GET localhost:8080/fonts/glyphicons-halflings-regular.woff localhost/:1
GET localhost:8080/fonts/glyphicons-halflings-regular.ttf 404 (Not Found)

2 ответа

Решение

Ресурс шрифтов упоминается относительно в файле начальной загрузки. Существует известная ошибка, которая не позволяет wro4j (при использовании cssUrlRewritingProcessor) правильно переписывать относительные URL при использовании веб-файлов. Возможный обходной путь - заменить webjar uri на classpath uri.

Перемещение папки шрифтов в каталог моего веб-приложения решило проблему. просто скопируйте файлы в папку шрифтов и вставьте их в каталог css вашего веб-приложения.

Другие вопросы по тегам