Laravel 8 - Bootstrap 5 Bootstrap-select 不显示选项

Question

我正在尝试通过 laravel 混合在 laravel 中设置 bootstrap-select。一切似乎都是正确的，但是当点击 select 时，它没有显示选项。

在 resources/js/Bootstrap.js 中，我在 jquery 之前添加库、popper，然后在 bootstrap-select 之后添加 bootrstrap 和 bootstrap-select。

const { popper } = require('@popperjs/core');

window._ = require('lodash');
   

try {
    require('bootstrap');
    window.$ = require('jquery');
    window.jQuery = require('jquery');
    require("jquery-datetimepicker");
    require("bootstrap-select");


} catch (e) {}

在 blade 模板中，我有以下代码：

        <select class="form-control" id="user" data-live-search="true">
            <option value="0">one</option>
            <option value="1">optionX</option>
            <option value="2">optionX</option>
            <option value="3">optionX</option>
            <option value="4">optionX</option>
            <option value="5">optionX</option>
        </select>

<script>
    $( document ).ready(function() {
        $('select').selectpicker();
    });        

</script>

好像一切正常，显示select，控制台也没有报错，但是按下不显示选项

Answer 1

Bootstrap 5 不适用于 Bootstrap-select 1.13.xxx。我必须抓住 beta/RC 之一才能让它与 Laravel 8 和 Bootstrap 5

一起工作

我用过

npm install bootstrap-select@next

希望对您有所帮助

Laravel 8 - Bootstrap 5 Bootstrap-select 不显示选项

Laravel 8 - Bootstrap 5 Bootstrap-select dont show options

laravel

bootstrap-select

bootstrap-5

laravel-8