Javascript select2无法正确显示（使用cdn）

我试图用一些java插件来完成我的网站，我在Symfony 4上，我使用CDN引导twitter

当我将select2插件放入模板中时，所有插件都正常工作，select2插件确实正确应用

但是我不想直接从模板加载select2，我想从

app.js

运行它，但是它没有正常工作，select2插件被激活了，但是它很奇怪，我将在下面向您展示结果

有我的app.js代码：

let $ = require('jquery');

require('../css/app.css');
require('select2');

$('select').select2();


console.log('Hello Webpack Encore! Edit me in assets/js/app.js');

---

我很抱歉我的英语不好，我会感谢大家阅读我的文章到最后

您需要添加以下引用中的3个

$（'select'）.select2（{width:'100%”，占位符：“选择一个选项”，allowClear:true}）

选择1
选择2
选择3
试试这个select2 cdn示例-



Snippet-BBBootstrap
身体{
背景：#eee
}
.表格管制{
边界半径：0；
盒影：无；
边框颜色：#d2d6de
}
。选择2隐藏可访问{
边界：0！重要；
剪辑：rect（0）！重要；
高度：1px！重要；
保证金：-1px！重要；
溢出：隐藏！重要；
填充：0！重要；
位置：绝对！重要；
宽度：1px！重要
}
.表格管制{
显示：块；
宽度：100%；
高度：34px；
填充：6px 12px；
字体大小：14px；
线高：1.42857143；
颜色：#555；
背景色：#fff；
背景图像：无；
边框：1px实心#ccc；
边界半径：4px；
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,075）；
盒影：插入0 1px 1px rgba（0,0,0,075）；
-webkit过渡：边框颜色缓进缓出.15s，-webkit盒阴影缓进缓出.15s；
-o型过渡：边框颜色缓进缓出.15s，框阴影缓进缓出.15s；
过渡：边框颜色淡入淡出.15s，框阴影淡入淡出.15s
}
.select2 container—默认值。select2 selection—单个，
.选择2个选项。选择2个选项--单个{
边框：1px实心#d2d6de；
边界半径：0；
填充：6px 12px；
高度：34px
}
.select2容器--默认值。select2选择--单个{
背景色：#fff；
边框：1px实心#aaa；
边界半径：4px
}
.选择2个容器。选择2个选择--单个{
框大小：边框框；
光标：指针；
显示：块；
高度：28px；
用户选择：无；
-webkit用户选择：无
}
.select2 container.select2 selection--single.select2-selection\u呈现{
右边填充：10px
}
.select2 container.select2 selection--single.select2-selection\u呈现{
左侧填充：0；
右边填充：0；
高度：自动；
利润上限：-3px
}
.select2容器--默认值。select2选择--单个。select2-选择{
颜色：#444；
线高：28px
}
.select2 container—默认值。select2 selection—单个，
.选择2个选项。选择2个选项--单个{
边框：1px实心#d2d6de；
边界半径：0！重要；
填充：6px 12px；
高度：40px！重要
}
.select2容器--默认值。select2选择--单个。select2-选择箭头{
高度：26px；
位置：绝对位置；
顶部：6px！重要；
右：1px；
宽度：20px
}
$（文档）.ready（函数（）{
$（'.select2'）。选择2({
关闭选择：false
});
});
最小的
阿拉巴马州
阿拉斯加州
加利福尼亚
特拉华州
田纳西州
得克萨斯州
华盛顿
残废
阿拉巴马州
阿拉斯加州
加利福尼亚
特拉华州
田纳西州
得克萨斯州
华盛顿
倍数
阿拉巴马州
阿拉斯加州
加利福尼亚
特拉华州
田纳西州
得克萨斯州
华盛顿
禁用结果
阿拉巴马州
阿拉斯加州
加利福尼亚州（残疾人）
特拉华州
田纳西州
得克萨斯州
华盛顿
您可能还需要包括select2 css。看看谢谢你的快速回复：编辑！我尝试了新代码，但没有成功：/I我的代码现在是let$=require（'jquery'）；需要（'../css/app.css'）；要求（'select2'）；require（'select2/dist/css/select2.css'）$（'select'）.select2（）我的css似乎不为app所知。js如果您使用的是webpack，请确保您也有很好的效果，现在搜索字段正在显示，但仍然不正确。是的，它可以工作，但我不想以这种方式加载，我想使用webpack：/