Раскрывающийся список Bootstrap 4 не может отображать выбранное значение

Question

Я использую Laravel и пытаюсь включить простое раскрывающееся меню в одном из шаблонов блейдов.

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

Я гуглил и вижу несколько постов, в которых говорится, что Jquery.js должно быть включено до bootstrap.js

Я использую Laravel Mix и не уверен, как я могу указать порядок сценариев, которые будут включены в окончательный файл app.js (если это решение моей проблемы!)

---

Обновление: После некоторых исследований я обнаружил следующее:

Следующий выпадающий список не работает (интересно даже на сайте Bootstrap https://getbootstrap.com/docs/4.0/components/dropdowns/#single-button-dropdowns):

        <div>
            <div class="dropdown" id="field-mapping-dropdown">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Please select field
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="#">item 1</a>
                    <a class="dropdown-item" href="#">item 2</a>
                </div>
            </div>
        </div>

И работает следующее:

<div>
    <label for="pillar">Pillar</label>
    <div class="dropdown bootstrap-select margin-left-15px">
        <select name="pillar" id="pillar" class="selectpicker">
            <option value="">Please select</option>
            <option value="">Please select1</option>
            <option value="">Please select2</option>
        </select>
    </div>
</div>

Я добавил require('../../node_modules/bootstrap-select/dist/js/bootstrap-select'); внутри resources/js/app.js

Answer 1

Обновление до Bootstrap 4.1 +. с 4.0 дерьмово и не работает. Даже документы не работают.

Ну, так как это короткий ответ, ваше требование странно. Mix будет автоматически смотреть в вашей папке node_modules.

import bootstrapSelect from 'bootstrap-select';
//or
require('bootstrap-select');