Недостающие HTML элементов на сервере производства

Question

Я разрабатываю JHipster генерируется приложением Угловая + Spring + Java + HTML5

У меня есть вопрос, который продолжает идти в нескольких проектах, с которыми я работал вокруг него раньше, но я хотел бы быть в состоянии реально решить

у меня есть следующий шаблон HTML:

<div class="form-group row"> 
    <label class="control-label col-md-2">ID</label> 
    <div class="col-md-4"> 
     <input type="text" class="form-control" id="id" name="id" 
       ng-model="orgLabAMR.id" readonly/> 
    </div> 
    <label class="control-label col-md-2">organism</label> 
    <div class="col-md-4"> 
     <input type="text" class="form-control" 
       placeholder="Search" 
       ng-model="orgLabAMR.organism" 
       uib-typeahead="organism as organism.organismName for organism in organisms | filter:$viewValue | limitTo:8" 
       typeahead-editable="false"/> 
    </div> 
</div> 
<div class="form-group row"> 
    <label class="control-label col-md-2" for="field_conventionalBloodCultureMethods">Conventional Blood Culture 
     Methods</label> 
    <div class="col-md-4"> 
     <select class="form-control" name="field_conventionalBloodCultureMethods" id="field_conventionalBloodCultureMethods" ng-model="orgLabAMR.conventionalBloodCultureMethods" 
       ng-options="convBloodCulture as convBloodCulture for convBloodCulture in convBloodCultures"/> 
    </div> 

    <label class="control-label col-md-2" for="field_automatisedBloodCultureMethods">Automatised Blood Culture 
     Methods</label> 
    <div class="col-md-4"> 
     <select class="form-control" id="field_automatisedBloodCultureMethods" ng-model="orgLabAMR.automatisedBloodCultureMethods" 
       ng-options="autoBloodCultMethod as autoBloodCultMethod for autoBloodCultMethod in autoBloodCultMethods"/> 
    </div> 
</div> 
<div class="form-group row"> 
    <label class="control-label col-md-2" for="field_methodsOfIdentification">Methods Of Identification</label> 
    <div class="col-md-4"> 
     <select class="form-control" id="field_methodsOfIdentification" ng-model="orgLabAMR.methodsOfIdentification" 
       ng-options="idMethod as idMethod for idMethod in idMethods"/> 
    </div> 
    <label class="control-label col-md-2" for="field_identificationDetails">Identification Details</label> 
    <div class="col-md-4"> 
     <input type="text" class="form-control" name="identificationDetails" id="field_identificationDetails" 
       ng-model="orgLabAMR.identificationDetails" 
     /> 
    </div> 
</div> 
<div class="form-group row"> 
    <label class="control-label col-md-2" for="field_standardSusceptibilityTestingMethod">Standard Susceptibility 
     Testing Method</label> 
    <div class="col-md-4"> 
     <select class="form-control" id="field_standardSusceptibilityTestingMethod" ng-model="orgLabAMR.standardSusceptibilityTestingMethod" 
       ng-options="standardSuscTestMethod as standardSuscTestMethod for standardSuscTestMethod in standardSuscTestMethods"/> 
    </div> 

    <label class="control-label col-md-2" for="field_molecularSusceptibilityTestingMethod">Molecular Susceptibility 
     Testing Method</label> 
    <div class="col-md-4"> 
     <select class="form-control" id="field_molecularSusceptibilityTestingMethod" ng-model="orgLabAMR.molecularSusceptibilityTestingMethod" 
       ng-options="molecularSuscep as molecularSuscep for molecularSuscep in molecularSusceps"/> 
    </div> 
</div> 

<div class="form-group row"> 
    <label class="control-label col-md-2" for="field_automatisedSusceptibilityTestingMethod">Automatised Susceptibility 
     Testing Method</label> 
    <div class="col-md-4"> 
     <select class="form-control" id="field_automatisedSusceptibilityTestingMethod" ng-model="orgLabAMR.automatisedSusceptibilityTestingMethod" 
       ng-options="automaSusceTestMethod as automaSusceTestMethod for automaSusceTestMethod in automaSusceTestMethods"/> 
    </div> 
    <label class="control-label col-md-2" for="field_susceptibilityTestingMethodsDetails">Susceptibility Testing Methods 
     Details</label> 
    <div class="col-md-4"> 
     <input type="text" class="form-control" name="susceptibilityTestingMethodsDetails" 
       id="field_susceptibilityTestingMethodsDetails" 
       ng-model="orgLabAMR.susceptibilityTestingMethodsDetails" 
     /> 
    </div> 
</div> 
<div class="form-group row"> 
    <label class="control-label col-md-2" for="field_susceptibilityMethodsComments">Susceptibility Methods 
     Comments</label> 
    <div class="col-md-10"> 
     <input type="text" class="form-control" name="susceptibilityMethodsComments" 
       id="field_susceptibilityMethodsComments" 
       ng-model="orgLabAMR.susceptibilityMethodsComments" 
     /> 
    </div> 
</div> 


<button class="btn btn-danger margin10" ng-click="removeOrganismLaboratoryAMR(study, orgLabAMR)">remove Organism 
    Laboratory {{orgLabAMR.id}} 
</button> 

при загрузке его в локальном хосте он показывает все элементы тонкие, как это:

Но при загрузке в производстве он не анализирует все элементы, он показывает, как это:

Теперь самое смешное (ы), что у меня есть несколько шаблонов, так же, как этот для других сущностей, и все они очень хорошо загружают свои элементы.

В браузере и поиске элементов он не отображает их в фрагментах кода, хотя при проверке рабочего пространства jenkins html-файл точно такой же, как в локальной версии.

Answer 1

После попытки с прод профилем локальной отладкой и проверки всех уменьшенные файлов, созданных gulp и найти все html элементов в них я решил сосредоточиться на наценках, магия пришла от изменения autoclosable <select /> тегов к <select></select> тегам

сейчас представление выглядит идеально, но я все еще очень смущен, почему это происходит только тогда, когда на производстве, поскольку браузер точно такой же.