2016-10-13 10 views
0

JHipsterアプリを運用サーバー(Wildfly 10)に導入するために、Gradle(./gradlew -Pprod bootRepackage)を使用しています。ほとんどの場合動作しますが、コンテンツが欠落しています。ここでは、2つの例(右の左側にはprod、地元のdevの環境では)次のとおりです。JHipsterのコンテンツが見つかりません

enter image description here

enter image description here

私はクロームコンソールまたはWildflyサーバログのいずれかで、エラーが記録され表示されていない

<div class="row"> 
    <div class="col-md-6"> 
     <a href="http://ca.linkedin.com/in/yvoncomeau"><span class="linked-in-button img-responsive img-rounded"></span></a> 
     <br/><br/> 
    </div> 
    <div class="col-md-6"> 
     <a href="https://roundwheeltech.wordpress.com/"><span class="wordpress-button img-responsive img-rounded"></span></a> 
    </div> 
</div> 

...これらの画像クラスのCSS、プラスの仕事(roundwheel-ロゴとroundwheel-cirleをDO 2枚のその他の画像:ここで

は、最初のページに表示されていないブロックであります):

.roundwheel-logo { 
    display: inline-block; 
    width: 300px; 
    height: 91px; 
    background: url("../images/roundwheeltechnologies-2x.jpg") no-repeat center top; 
    background-size: contain; 
} 

.linked-in-button { 
    display: inline-block; 
    width: 160px; 
    height: 33px; 
    background: url("../images/linkedinprofilebutton.gif") no-repeat center top; 
    background-size: contain; 
} 

.wordpress-button { 
    display: inline-block; 
    width: 160px; 
    height: 33px; 
    background: url("../images/wordpress-logo-hoz-bg.png") no-repeat center top; 
    background-size: contain; 
} 

.roundwheel-cirle { 
    display: block; 
    width: 100px; 
    height: 113px; 
    background: url("../images/rw-circle.png") no-repeat center top; 
    background-size: contain; 
    margin-left: auto; 
    margin-right: auto; 
} 

...

及びそれらの画像を配置した:

enter image description here

warファイルが画像を含んでいます、タイムスタンプ:

enter image description here

...と縮小さCSSは正しいタイムスタンプ付きバージョンを参照します。

+0

まず、パッケージ化の問題かサーバーの問題かを確認する必要があります。それでは、prodプロファイルで実行可能なjarを使用するとうまくいきますか? –

+0

prod実行可能なjarを使用して実行すると同じ動作です。 – 6006604

+0

だから、私は、Chromeのコンソールでterのエラーはないと信じて、いくつかの404エラーが表示されます。 –

答えて

0

私はなぜこれが働いていたわからないんだけど、私は内側の行を移動することで、新たな行(右側の新しいバージョン)にソースを修正:これは家を解決

enter image description here

ページの問題:

enter image description here

コンタクトフォームの問題は、より多くのマイナーなHTMLの変更で固定しました。これは:

<h4 data-translate="contact.intro">Please fill out the form...</h4> 

を...と、そのタグ(すなわち形。)以下のマークアップのすべてが登場:

<h4 data-translate="contact.intro"/> 

...これに変更されました。

+0

あなたのフォームはおそらくJSの問題ですが、角度材料設計を使用していて、$ .material.init()をページに直接置いているのを見て、あなたの角度モジュールの設定ブロックにあるはずです。とにかくこれはJHipsterの問題ではありません。 –

+0

index.htmlの$ .material.init()は、Matt Raibleのミニブックに基づいて修正されたもので、影響はありませんでした。 – 6006604

+0

とにかくこれはあなたの角度コードの問題である可能性が高いので、あなたはブレークポイントを置いて、devとprodの比較を試みることができます。 –

関連する問題