JHipster prod内容缺失

时间:2016-10-13 20:11:02

标签: material-design angular-material jhipster

我使用Gradle( ./ gradlew -Pprod bootRepackage )将我的JHipster应用程序部署到生产服务器(Wildfly 10)。它主要是工作,但有一些内容缺失。这里有两个例子(左边是prod,右边是本地开发环境):

enter image description here

enter image description here

我没有在Chrome控制台或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-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引用了正确的带时间戳的版本。

1 个答案:

答案 0 :(得分:0)

我不确定为什么会这样,但我通过将内部行移出一个新行(右边的新版本)来修改源代码:

enter image description here

这解决了主页问题:

enter image description here

通过更小的HTML更改修复了联系表单问题。这样:

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

......改为:

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

...并且该标签下面的所有标记(即表格)都出现了。