0

Делают сайт на Django, понадобилось подключить JQuery, но не задача в том, что в консоле браузера выдает ошибку.

Вот так подключаю JQuery + JS файл

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
 
 
<script src="{% static 'js/scripts.js' %}"></script>

Еще есть вот такая настройка на JS,она нужна чтобы работали табы на странице товара

 <script async src="https://cdn.jsdelivr.net/npm/es-module-shims@1/dist/es-module-shims.min.js" crossorigin="anonymous"></script>
    <script type="importmap">
    {
      "imports": {
        "@popperjs/core": "https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js",
        "bootstrap": "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.esm.min.js"
      }
    }
    </script>
    <script type="module">
      import * as bootstrap from 'bootstrap'
     
      new bootstrap.Popover(document.getElementById('popoverButton'))
    </script>

Кстати, если удалить настройку эту, то ошибки пропадают, но табы перестают работать.

В js у меня

$(document).ready(function(){
    var form = $('#form_buying_product')
    console.log(form);
});

И сами ошибки собственно говоря

Сценарий из «http://127.0.0.1:8000/static/js/scripts.js» был загружен, хотя его MIME-тип («text/plain») не является допустимым для JavaScript.
Uncaught TypeError: this._config is undefined
_setListeners tooltip.js:446
Tooltip tooltip.js:123
Popover popover.js:42
<anonymous> 1:126
tooltip.js:446:21
_setListeners tooltip.js:446
Tooltip tooltip.js:123
Popover popover.js:42
<анонимный> 1:126

Object { 0: form#form_buying_product.form-inline, length: 1 }

// вроде как не ошибка, как я понял, все таки как-то криво он подгрузился

3
  • А какой смысл подключать одни и те же файлы два раза? Commented 20 мар. 2023 в 5:10
  • похоже на то, что вам в настройках нужно явно прописать mimetype для .js файлов Commented 20 мар. 2023 в 8:37
  • new bootstrap.Popover(document.getElementById('popoverButton')) помогло удаление вот этой строчки, хз почему так
    – hittZ
    Commented 20 мар. 2023 в 14:58

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Посмотрите другие вопросы с метками или задайте свой вопрос.