如何在我的应用程序中包含jQuery？

Question

我正在开发基于angular gulp generator的应用程序。 我想使用angular-ui和bootstrap组件。 我能够构建该应用程序，但是生成的index.html文件包含boostrap，angular ui的script标签，但此处缺少jquery。

我在bower.js文件中有jquery，并且运行了bower install命令。 它安装在bower_components目录中。

浏览器控制台包含错误

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

是否有必要将查询插入角度应用程序，或者为什么会发生错误？

Answer 1

从常见问题解答 ：

Angular是否使用jQuery库？

是的，如果在引导应用程序时Angular出现在您的应用程序中，则可以使用jQuery。 如果您的脚本路径中不存在jQuery，则Angular会退回到它自己的jQuery子集（我们称为jQLite）的实现。

Angular 1.3仅支持jQuery 2.1或更高版本。 jQuery 1.7和更高版本可能可以与Angular一起正常使用，但我们不保证一定如此。

使用jQLite 。 猜猜这就是您的解决方案。

Answer 2

问题是，亲爱的您正在使用需要jquery的Bootstrap js。

在Angular-ui网站上明确表示仅需要引导CSS和Augular js。

唯一需要的依赖项是：

AngularJS（需要AngularJS 1.3.x，已通过1.3.13测试）。 0.12.0是该库支持AngularJS 1.2.x的最新版本。

Bootstrap CSS（经过3.1.1版测试）。 该版本的库（0.13.0）仅可用于3.x版的Bootstrap CSS。 0.8.0是此库的最后一个版本，在2.3.x版中支持Bootstrap CSS。

因此，根据您的问题。

是否有必要将查询插入角度应用程序，或者为什么会发生错误？

在角度js的上下文中根本没有必要。

它显示错误，因为您使用的是boostrap js，必须在加载jquery之前先添加它。 根据引导程序。 链接

插件依赖性一些插件和CSS组件依赖于其他插件。 如果您单独包含插件，请确保在文档中检查这些依赖性。 还要注意，所有插件都依赖jQuery（这意味着jQuery必须在插件文件之前包含jQuery）。 请查阅我们的bower.json以查看支持哪些版本的jQuery。

默认情况下，angular使用jqulite，但是如果您在加载angular js之前添加jquery，它将使用jquery。

希望能帮助到你 ：）。

Answer 3

这应该可以解决您的问题bower install jqlite --save