目前,我正在为我的Java Web应用程序评估Web资源优化器。我开始使用Wro4j,我遇到的问题很小,可能与配置有关。
我遇到的问题只与bootstrap glyphicons组件无法正确呈现有关,我在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)
答案 0 :(得分:1)
字体资源在bootstrap less文件中相对引用。有一个已知的错误阻止wro4j(当使用cssUrlRewritingProcessor时)在使用webjars时正确地重写相对url。可能的解决方法是用类路径uri替换webjar uri。
答案 1 :(得分:0)
在我的网络应用目录中移动字体文件夹解决了这个问题。只需复制fonts文件夹下的文件,然后将其传递到您的Web应用程序css目录中。