在我的Web应用程序中，我添加了一个文本框，我想搜索数据并在键入时显示它。
所以我跟着这个视频，并添加到我的项目相同。https://www.youtube.com/watch?v=k5v8a575QX0
但是当页面加载时，我在控制台得到了这个错误。```$（...）.autocomplete不是一个函数``
我不得不谷歌它，发现一些jquery库丢失，所以我下载了文件，并将它们包含在我的项目中，然后将它们从视图Map到它。
但是，错误是一样的。

<link href="~/Addons/css/select2.min.css" rel="stylesheet" />
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<link href="~/Addons/autocomplete/css/jquery-ui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.6.4.min.js"></script>
<script src="~/Addons/autocomplete/js/jquery-ui.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="~/Addons/js/select2.full.min.js"></script>
  <div class="col-md-6">
    <input type="text" placeholder="Type the Item Name or Number Here" class="form-control" id="itemSerachBox" />
  </div>

$(function () {
  $("#itemSerachBox").autocomplete({
    sourse: function (request, response) {
      $.ajax({
        url: '@Url.Action("GetSearchItems","Ajax")',
        dataType: "json",
        data: {
          search: $("itemSerachBox").val()
        },
        success: function (data) {
          response($.map(data, function (item) {
            return {
              label: item.ItemName_Number,
              value: item.ID
            };
          }));
        },
        error: function (xhr, status, error) {
          toastr.error("Invalid Item");
        }
      });

    }

  });
});