Javascript Symfony 4-将引导程序4与Select2一起使用

在我的symfony 4项目中，我对一些字段使用Select2：

所以，我有这个：

因此，在我的表格中，我：

->add('user', EntityType::class, [
                'class' => User::class,
                'label' => 'Agent',
                'placeholder' => "Agent",
                'choice_label' => 'fullName',
                'choice_value' => 'fullName',
                'attr' => [
                    'class' => 'js-example-basic-single',
                ]
            ])

在我看来：

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>

<script>
        $('.js-example-basic-single').select2({
            placeholder: 'Choisissez un agent',
            allowClear: true,
            language: 'fr'
            });
    </script>

我想在这个字段中使用bootstrap4，这样它的设计与其他字段相同

所以，我找到了这个链接： 这是一个好的链接吗

这是我第一次使用npm，所以我执行了以下命令：

npm安装@ttskch/select2-bootstrap4-theme

---

但是我看不到css链接在哪里，要在我的视图中导入它们，只需在select2字段定义中传递正确的主题名称即可。 因此，在您的情况下，它将如下所示：

 <script>
        $('.js-example-basic-single').select2({
            placeholder: 'Choisissez un agent',
            allowClear: true,
            language: 'fr',
            theme: 'bootstrap4',
            });
    </script>

资产/css/app.scss：

@import "~select2-bootstrap4-theme/dist/select2-bootstrap4.min.css";

@import "~select2-bootstrap4-theme/dist/select2-bootstrap4.min.css";