Question

我使用角度种子，我将bootstrap添加到项目

在index.html中我使用这个脚本。

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="app.js"></script>

当我运行npm run run update-index-async

时

那就是生成这个脚本部分

    $script([
      'bower_components/jquery/dist/jquery.js',
      'bower_components/bootstrap/dist/js/bootstrap.js',
      'bower_components/angular/angular.js',
      'bower_components/angular-ui-router/release/angular-ui-router.min.js',
      'app.js'
    ]

但是当我加载index-async时，我得到“Uncaught Error：Bootstrap的JavaScript需要jQuery”。

如何使用angular-loader.js管理依赖项。有没有机会怎么做？

Answer 1

为了回答您的问题，一般情况下，我们应该避免在AngularJS应用程序中使用JQuery或Bootstrap库使用，以便获得开箱即用的功能。相反，您可以使用angular ui-bootstrap而不是Bootstrap 使用JQuery可以轻松地以更优雅的方式提供AngularJS提供的任何功能。
另外，Angular有一个内置的JQuery库jqLite。

github中有一系列角度种子项目。但每个都与另一个不同，并涉及特定领域。并非大多数种子项目都包含一般项目所需的大部分实施。

对于jqlite，请参阅这些官方文档链接 -

因此，我生成了一个我经常用来生成angularjs项目的那个。希望这有助于您了解和学习项目模式和示例实现。
AngularJS Seed Project。

Answer 2

可能是因为angular中使用的jquery lite之间存在冲突。使用angular-material并仅引用bootstrap.css或checkout angular-bootsrap。不使用JQuery和Angular的最佳做法。

Material ui-bootstrap

角度种子项目 - angular-loader-js依赖项

2 个答案: