错误：无法实例化模块 ui.router答案

【问题标题】：Error: Failed to instantiate module ui.router错误：无法实例化模块 ui.router
【发布时间】：2017-01-01 13:16:25
【问题描述】：

我已经通过 npm install angular-ui-router --save-dev 安装了 angular-ui-router，但我遇到了错误

Index.html：

 <!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<!-- endbower -->
<script src="node_modules/angular-ui-router/release/angular-ui-router.js"></script>
<!-- endbuild -->
<!-- build:js({.tmp,app}) scripts/scripts.js -->

我已经在 index.html 中添加了 script 标签，并且还注入了 app.js

app.js

angular
.module('news1App', ['ui.router'])

但仍然收到错误消息。任何帮助将不胜感激。

【问题讨论】：

Angularjs: [$injector:modulerr] Failed to instantiate module ui-router的可能重复
@serg 不是重复的，实际上 OP 已正确注入

标签： javascript angularjs

【解决方案1】：

正如我所见，您必须将不同版本的 Angular API 加载并绑定在一起。理想情况下，您应该参考具有相同版本的 Angular API 库。

我建议您使用与 1.5.8 相同的所有 Angular API 版本。这可以解决您的问题。

 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <!-- UI-Router -->
  <script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>

DEMO

【讨论】：