警告：尝试多次加载角度。当我包含JQuery时

Question

我正在使用角度生成器构建一个yeoman应用程序。

我的index.html文件中包含的js库是：

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/modernizr/modernizr.js"></script>
<script src="bower_components/angular/angular.js"></script>   
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/d3/d3.js"></script>
<script src="bower_components/select2/select2.js"></script>
<script src="bower_components/angular-ui-select2/src/select2.js"></script>

仅当在jquery 之前 包含jquery时，才会出现此问题，如果在jquery 之后 ，则不会发生。

标题指出的问题是，我在控制台中收到 “警告：试图多次加载角度” ，应用无法初始化。

有人知道为什么会发生这种情况吗？

我只有一个ng-app，我只包含了一次angular …一切。它看起来与配置无关，因为更改脚本的位置可以解决该问题。

你们有什么线索吗？

有谁知道我是否能够配置为包括脚本顺序？当我使用angular-
generator时，我已将usemin设置为包括bower脚本。我想知道是否有任何方法可以指定以哪种顺序包含脚本。

这是我的项目的bower.json文件：

{
  "name": "<name>",
  "version": "0.0.0",
  "dependencies": {
    "angular": "1.2.15",
    "json3": "~3.2.6",
    "es5-shim": "~2.1.0",
    "angular-ui-router": "~0.2.10",
    "modernizr": "~2.8.1",
    "d3": "~3.4.6",
    "angular-ui-select2": "~0.0.5"
  },
  "devDependencies": {
    "angular-mocks": "1.2.15",
    "angular-scenario": "1.2.15"
  }
}

我试图在Google中搜索时没有运气。提前致谢！

更新1：

我刚刚发现，如果以这种方式包含脚本，则不会两次包含angular，并且始终会首先加载它。

  <!-- build:js scripts/vendor.js -->
  <script src="bower_components/angular/angular.js"></script>
  <!-- bower:js -->
  <script src="bower_components/jquery/dist/jquery.js"></script>
  <script src="bower_components/modernizr/modernizr.js"></script>
  <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  <script src="bower_components/d3/d3.js"></script>
  <script src="bower_components/select2/select2.js"></script>
  <script src="bower_components/angular-ui-select2/src/select2.js"></script>
  <!-- endbower -->

不是最好的解决方案，但至少现在是这样……无论如何，我想将一切都包含在bower：js标记内。

Answer 1

经过长时间的测试……最终是在我的index.html文件中，

<ui-view />

被Angular ui路由器使用并将其替换为此，就成功了。

<ui-view></ui-view>