我得到了未捕获错误:[$ injector:modulerr]路由上的角度js应用程序问题

时间:2016-05-27 20:22:48

标签: angularjs angular-ui-router

我正在尝试创建一个角度应用程序,我收到以下错误:

angular.min.js:6未捕获错误:[$ injector:modulerr] http://errors.angularjs.org/1.3.13/ $ injector / modulerr?p0 = app& p1 =错误%3A%20 ... ttp%3A%2F%2Flocalhost%3A8888 %2FHotelAdmin%2Fjs%2Fangular.min.js%3A17%3A381)

示例代码:

    

   <header class="main-header" ng-include="'template/header.html'"></header>
   <aside class="main-sidebar" ng-include="'template/nav.html'"></aside>
   <div class="content-wrapper" ui-view></div>
   <footer class="main-footer" ng-include="'template/footer.html'" ></footer>
   <aside class="control-sidebar control-sidebar-dark" ng-include="'template/rightsidebar.html'"></aside>

</div><!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script>

<script src="dist/js/app.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-route.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>

app.js

角     .module('app',[         'ui.router'         ])         .config(['$ urlRouterProvider','$ stateProvider',function($ urlRouterProvider,$ stateProvider){            $ urlRouterProvider.otherwise( '/');

       $stateProvider
         .state('home',{
                url: '/',
                templateUrl: 'pages/dashboard.html'
        })

    }])

为什么这个错误会出现任何线索? 当我点击链接时,我得到以下详细信息: 由于以下原因无法实例化模块应用程序: 错误:[$ injector:modulerr] http://errors.angularjs.org/1.3.13/ $ injector / modulerr?p0 = ...)

2 个答案:

答案 0 :(得分:2)

您使用的是ui-router,而不是angular-route,因此您必须为ui-router包含脚本标记:

Type2

答案 1 :(得分:0)

尝试使用

angular .module('app', [ 'ui.router' ]) .config(['$urlRouterProvider', '$stateProvider', function ($urlRouterProvider, $stateProvider) {
var injector = angular.injector(["ng","http"]);
    injector.invoke();
.....});

我不确定答案