Jquery 多选列表未关闭

我一直在尝试使用带有

multiple

属性和

select2 select2 input

类的选择列表，但如下图所示，它无法正常工作

以下是我使用的代码：

 <select id="multilist" class="form-control select2 select2-input" multiple>
                <optgroup label="Alaskan/Hawaiian Time Zone">
                    <option value="AK">Alaska</option>
                    <option value="HI" disabled="disabled">Hawaii</option>
                </optgroup>
                <optgroup label="Pacific Time Zone">
                    <option value="CA">California</option>
                    <option value="NV">Nevada</option>
                    <option value="OR">Oregon</option>
                    <option value="WA">Washington</option>
                </optgroup>
 </select>

阿拉斯加州
夏威夷
加利福尼亚
内华达州
俄勒冈
华盛顿

我还确保JQuery和Bootstrap都被正确引用

更新：

浏览器的控制台指示这会导致问题：

---

请将其制作成工作代码片段或jsfiddle@AJFunk：如果这是一个工作代码，那么我就不需要问这个问题：D@Arrrr问题是什么？图片并不能说明整个故事@丹菲利浦：嗯，这看起来确实很奇怪，因为这总是有效的。我在一个ASP.Net核心MVC应用程序中使用了它，我只能说它只在那里失败。当我将它用作HTML页面时，我不会面临这个问题。我已经检查了冲突，并删除了所有其他css和js库，同时只保留了那些与JQuery和Bootstrap相关的库。但问题并没有消失。控制台中抛出了哪些错误？请将其转换为工作代码段或jsfiddle@AJFunk：如果这是一个工作代码，那么我就不需要问这个问题：D@Arrrr问题是什么？图片并不能说明整个故事@丹菲利浦：嗯，这看起来确实很奇怪，因为这总是有效的。我在一个ASP.Net核心MVC应用程序中使用了它，我只能说它只在那里失败。当我将它用作HTML页面时，我不会面临这个问题。我已经检查了冲突，并删除了所有其他css和js库，同时只保留了那些与JQuery和Bootstrap相关的库。但问题并没有消失。控制台中抛出的错误是什么？