select2选项不起作用。怎么解决？

Question

我在asp.net核心工作。我正在使用打字稿。我正在使用select2。

HTML： -

  <select multiple id="e1" class="js-example-basic-multiple js-states form-control">
  <option value="AL">Alabama</option>
  <option value="Am">Amalapuram</option>
  <option value="An">Anakapalli</option>
  <option value="Ak">Akkayapalem</option>
  <option value="WY">Wyoming</option>
  </select>

脚本： -

 <script>
    $(document).ready(function () {
      $(".js-example-basic-multiple").select2();
    });
 </script>

css和js： -

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

这是我的代码。我在局部视图中编写了html代码和脚本。我在布局页面中为select2添加了css和js文件。

我得到这样的输出：

此处未提及select2。但它已添加到项目中。

有谁能说我做错了什么？