Я пытаюсь использовать Bootstrap, чтобы создать интерфейс для программы. Я добавил jQuery 1.11.0 в <head>
тег и подумал, что это так, но когда я запускаю веб-страницу в браузере, jQuery сообщает об ошибке:
Uncaught Error: Bootstrap's JavaScript requires jQuery
Я пытался использовать jQuery 1.9.0, я пытался с копиями, размещенными на нескольких CDN, но я не могу заставить его работать. Кто-нибудь может указать, что я делаю не так?
jquery
html
css
twitter-bootstrap
twitter-bootstrap-3
Муним Манна
источник
источник
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
перед загрузочным скриптом импорта. Скопируйте последний CDN здесь: cdnjs.com/libraries/jqueryОтветы:
Попробуй это
Измените порядок файлов, это должно быть как ниже.
источник
Если вы находитесь в среде только для браузера , используйте решение SridharR .
Если вы находитесь в среде Node / CommonJS + Browser (например, электрон, узел-webkit и т. Д.); причина этой ошибки в том, что логика экспорта jQuery сначала проверяет
module
, а неwindow
:Обратите внимание, что
module.exports
в этом случае он экспортирует себя через ; такjQuery
и$
не присваиваетсяwindow
.Таким образом, чтобы решить это, вместо
<script src="path/to/jquery.js"></script>
;Просто сделайте это сами,
require
заявив:ПРИМЕЧАНИЕ. Если ваше электронное приложение не нужно
nodeIntegration
, установите егоfalse
так, чтобы вам не понадобилось это временное решение.источник
window.jQuery = window.$ = require('jquery');
это сработало для меня, пытаясь собрать сборку с использованием jQuery 2 и Bootstrap 3. Мне потребовалось всего несколько часов, чтобы найти ваш ответ :(. Меняется ли это требование в более поздних версиях jQuery?nodeIntegration
, установите егоfalse
так, чтобы вам не понадобился этот обходной путь.npm install jquery
не с беседкой.Вы должны сначала загрузить jquery, потому что в начальной загрузке используются функции jquery. как это:
источник
Вам нужно добавить JQuery перед добавлением начальной загрузки
источник
Вы предоставили неправильный заказ для JAVASCRIPT и BOOTSTRAP
по соглашению начальная загрузка должна следовать определению файла jquery
источник
В моем случае решение действительно глупое и странное.
Ниже код был предварительно заполнен файлом _Layout.cshtml. (НЕ написано мной)
Но когда я проверил в папке Scripts, jquery-1.10.2.min.js даже не был доступен. Следовательно, замененный код, как показано ниже, где jquery-1.9.1.min.js является существующим файлом:
источник
Я использую NodeJS и получил ту же ошибку. Как и другие ответы, проблема была также в том, что JQuery нужно было загрузить до Bootstrap; Однако, из - за характеристик NodeJS, это изменение должно было быть aplied в файле pipeline.js .
Изменение в pipe.js было таким:
Я также использую grunt, чтобы помочь, и он автоматически изменил порядок на главной html-странице:
Надеюсь, поможет! Вы не сказали, какая у вас среда, поэтому я решил опубликовать этот ответ.
источник
Если вы используете,
require.js
чем нужно добавитьwindow.$ = window.jQuery = require('jquery')
в app.jsИЛИ вы можете сделать загрузку зависимого файла после загрузки родительского файла .. как показано ниже
Выше показан код, который
bootstrap
зависит от,Jquery
поэтому я добавилshim
и сделать его зависимымисточник
Если ваш код выглядит хорошо, убедитесь, что jQuery успешно загружен на ваш сервер. В моем случае файлы jQuery были опубликованы на сервере моей IDE, но на веб-сервере была только заглушка 0 КБ. Без содержимого сервер не смог передать файл в браузер.
После повторной публикации файла и проверки того, что сервер действительно получил весь файл, моя веб-страница перестала выдавать ошибку.
источник
Вам нужно добавить JQuery js перед добавлением js файла начальной загрузки, потому что BootStrap использует функцию jqueries. Поэтому обязательно загрузите сначала jquery js, а затем загрузочный файл js.
источник
Если это происходит только в интрасети IE, проверьте параметры совместимости и снимите флажок «Отображать сайты интрасети в режиме совместимости».
IE -> Настройки -> Совместимость
источник
На официальных документах: https://electronjs.org/docs/faq#i-can-not-use-jqueryrequirejsmeteorangularjs-in-electron
источник
Я перепробовал почти все вышеперечисленные методы.
Наконец исправил это, включив
только после загрузки статических файлов, т.е.
{% load staticfiles %}
в base.htmlисточник
После борьбы с этой проблемой я сделал три шага:
<body></body>
тегов, а не в<head></head>
. Это сработало для меня, но может быть другое поведение в зависимости от браузера, который вы используете.источник