app.py랑 index.html에 쓰여진 코드 건드린적 없고 그전까지 로컬환경에서 작동에 문제가 없었는데

방금 프로젝트를 열고 켜보니 ajax를 갑자기 인식을 하지 않는 문제가 발생했습니다.

구글링을 해봤는데 마땅한 솔루션이 없네요. 혹시 어떤 방법이 있을까요?

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

아래부분이 헤드태그 안의 임포트 태그들입니다.

<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
      crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first(첫번째 줄이 제이쿼리 임포트), then Popper.js, then Bootstrap JS(부트스트랩 임포트) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
        integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
        crossorigin="anonymous"></script>