как исправить приложение, html-страница запускается с неработающей CSS и после исправления обновления

Question

Я пытаюсь запустить приложение с Angular 7 - Bootstrap 4 и платформой jhipster, поэтому, когда я открываю страницу HTML, на ней отображается неработающий CSS, но после обновления исправляется неработающий CSS.

Это платформа jhipsterработает под управлением Angular 7 с webpack и Bootstrap и настраивается в файле vendor.css.Таким образом, на странице проблем это объединено CSS с Bootstrap.

ANGULAR:

@Component({
    styleUrls: ['./order-summary.css']
})

HTML:

<div class="row">
    <div class="list theme-text-color">
        <span class="col-xs-8 card-prevent-overlaps" style="font-size: 15px">
            {{ticket.ticketLevel}}  {{ticket.ticketType}} :
        </span>
        <span class="col-xs-4 text-right text-nowrap" style="font-size: 15px">
        ({{ticket.originPrice}} &#8364;)
    </span>
        <span class="col-xs-4 text-right text-nowrap" style="font-size: 15px">
            {{ticket.price}} &#8362;
        </span>
    </div>
</div>
<div *ngIf="ticket.seat" class="row">
    <div class="list">
        <span class="col-xs-8 card-prevent-overlaps " style="font-size: 15px">
            <span class="card-highlight theme-text-highlight-color">{{ticket.area}}, שורה {{ticket.row}}
                , כיסא
                {{ticket.seat}} </span>
        </span>
    </div>
</div>

VENDOR.CSS:

@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

Это до обновления: введите описание изображения здесь

Это после обновления: введитеописание изображения здесь