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)

twitter-bootstrap wro4j
person Kamal    schedule 15.03.2015    source источник
comment
Не могли бы вы добавить, какие ошибки вы видите в консоли браузера? Давайте подтвердим, что глиф не работает с ошибкой 404. Если это так, проверьте, был ли он сгенерирован, но не в том месте. Добавьте дополнительную информацию, отредактировав свой пост.   -  person try-catch-finally    schedule 15.03.2015
comment
Спасибо, я добавил шрифты папки в свое веб-приложение, и это работает. я хотя wro4j позаботится об этом.   -  person Kamal    schedule 15.03.2015
comment
Kamal, Вы можете (должны) ответить на свой вопрос, как решить эту проблему.   -  person try-catch-finally    schedule 15.03.2015
comment
Спасибо, что ответили на мой вопрос и указали.   -  person Kamal    schedule 15.03.2015

Ответы (2)


arrow_upward
1
arrow_downward

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

person Alex Objelean    schedule 16.03.2015
comment
Алекс, можете ли вы сказать мне, как заменить uri webjar на uri пути к классам? Я очень новичок в wro4j, поэтому я этого не понял. - person Priyank Thakkar; 11.08.2015
comment
@Priyank Thakkar URI-адрес classpath:<js>file:${project.basedir}/src/main/resources/static/js/ng-ui-router/angular-ui-router.min.js</js>. URI-адрес webjar: <js>webjar:angularjs/1.4.4/angular-route.min.js</js> - person Kamal; 26.12.2015
comment
Как это решает проблему? Я не использую cssUrlRewritingProcessor и все еще имею ту же проблему. Я включил main.less в src/main/wro и сослался на него из wro.xml. Если я переопределю путь к /font в файле main.less, он все равно не будет работать. Любой вклад приветствуется. Спасибо - person H.Rabiee; 25.05.2016

arrow_upward
0
arrow_downward

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

person Kamal    schedule 15.03.2015
comment
Это решение сводит на нет все преимущества использования webjars. - person Mike; 11.01.2016