почему после использования Bootstrap4 Ajax не является функцией?

Question

CND-ссылки, которые я импортировал с официального сайта Bootstrap:

 <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
    integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
    crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
    integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
    crossorigin="anonymous"></script>

Они всегда были нормальными, когда я создавал макеты и компоненты веб-сайтов ... Далее следует пример ajax Я видел на веб-сайте (на поверхности все в порядке):

$(document).on("submit", "#info-form", function(e) {
    e.preventDefault();

    var scrf = $("input[name=csrfmiddlewaretoken]").val();

    var infos = $(this).serialize();
    
    $.ajax({
        type: 'POST',
        url: '/user/',
        data: {
            infos: infos,
            csrfmiddlewaretoken: scrf,
        },
        success:function(){
            alert("SUCCESS!");
        }
    });
});  

На данный момент нет проблем с отображением сайта, но когда я запускаю событие отправки, возникает такая ошибка ↓

ошибка