2

現在、Java Web アプリの Web リソース オプティマイザーを評価しています。Wro4j の使用を開始しましたが、構成に関連している可能性がある小さな問題が発生しています。

私が抱えている問題は、適切にレンダリングされていないブートストラップ 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)
4

2 に答える 2

1

フォント リソースは、ブートストラップ レス ファイルで相対的に参照されます。wro4j (cssUrlRewritingProcessor の使用時) が webjar の使用時に相対 URL を適切に書き換えるのを妨げる既知のバグがあります。可能な回避策は、webjar uri をクラスパス uri に置き換えることです。

于 2015-03-16T11:06:33.723 に答える