2017-01-01 99 views
2

我已经做npm install angular-ui-router --save-dev安装角UI的路由器,但我得到的错误错误:无法实例化模块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的标签,并也注入app.js

app.js

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

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

+0

的可能的复制[Angularjs:\ [$注射器:modulerr \]未能实例模块UI-路由器(http://stackoverflow.com/questions/31693600/angularjs- injectormodulerr-failed-to-instantiate-module-ui-router) –

+0

@serg它不是重复的,实际上OP已经正确注入 – Sajeetharan

回答

0

正如我所见,你必须有不同版本的角度API加载和绑定在一起。理想情况下,您应该使用相同版本引用角度API库。

我建议你使所有的角度API版本与1.5.8相同。这可以解决你的问题。

<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

相关问题