Как включить jQuery в мое приложение?

Question

Я разрабатываю приложение на основе angular gulp generator. Я хочу использовать компоненты angular-ui и bootstrap. Я могу создать приложение, но сгенерированный файл index.html содержит script теги для boostrap, угловые ui, но jquery отсутствует здесь.

У меня есть jquery в файле bower.js, и я запустил команду bower install. Он установлен в каталоге bower_components.

Browser консоль содержит ошибку

Error: Bootstrap's JavaScript requires jQuery 
throw new Error('Bootstrap\'s JavaScript requires jQuery') 

ли это вводить запрос необходимого для углового приложения, или почему происходит ошибка?

Answer 1

Проблема заключается в том, что дорогой вы используете Bootstrap JS, которые требуют JQuery.

На веб-сайте Angular-ui четко сказано, что требуется только загрузочный бутстрап css и ангулярный js.

только необходимые зависимости являются:

AngularJS (требуется AngularJS 1.3.x, испытанный с 1.3.13). 0.12.0 - Последняя версия этой библиотеки, которая поддерживает AngularJS 1.2.x.

Bootstrap CSS (проверено версией 3.1.1). Эта версия библиотеки (0.13.0) работает только с Bootstrap CSS в версии 3.x. 0.8.0 - Последняя версия этой библиотеки, которая поддерживает Bootstrap CSS в версии 2.3.x.

Так что согласно вашему вопросу.

Должен ли он вводить запрос в угловое приложение или почему возникает ошибка ?

Это совсем не обязательно в контексте угловых js.

Он показывает ошибку, потому что вы используете boostrap js, вы должны добавить jquery перед загрузкой. По словам бутстрап. Link

плагин зависимостей Некоторые плагины и компоненты CSS зависят от других плагинов. Если вы включаете плагины в отдельности, убедитесь, что эти зависимости указаны в документах . Также обратите внимание, что все плагины зависят от jQuery (это означает, что jQuery должен быть включен перед файлами плагина). Обратитесь к нашему bower.json, чтобы узнать, какие версии jQuery поддерживаются.

По умолчанию используется угловой используемый jqulite, но если вы добавляете jquery перед загрузкой угловых js, он будет использовать jquery.

Надеюсь, что это поможет :).

Answer 2

От FAQs:

ли Угловое использование библиотеки JQuery?

Да, Угловой может использовать jQuery, если он присутствует в вашем приложении, когда приложение загружается. Если jQuery отсутствует в вашем пути к скрипту, Angular возвращается к своей реализации подмножества jQuery, которое мы называем jQLite.

Угловой 1.3 поддерживает только jQuery 2.1 или выше. jQuery 1.7 и новее могут корректно работать с Angular, но мы этого не гарантируем.

Использование jQLite. Полагаю, это ваше решение.

Answer 3

Это должно решить вашу проблему bower install jqlite --save