Делают сайт на 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 }
// вроде как не ошибка, как я понял, все таки как-то криво он подгрузился
.js
файлов