【问题标题】:I am getting Uncaught Error: [$injector:modulerr] Issue on angular js application on routing我收到未捕获的错误:[$injector:modulerr] Angular js 应用程序路由问题
【发布时间】:2016-09-26 06:39:51
【问题描述】:

我正在尝试创建一个 Angular 应用程序,但出现以下错误:

angular.min.js:6 未捕获的错误:[$injector:modulerr] http://errors.angularjs.org/1.3.13/$injector/modulerr?p0=app&p1=Error%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=...)

【问题讨论】:

    标签: angularjs angular-ui-router


    【解决方案1】:

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

    <script src="...angular-ui-router.min.js"></script>
    

    【讨论】:

      【解决方案2】:

      尝试使用

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

      我不确定答案

      【讨论】:

        猜你喜欢
        • 2014-01-29
        • 1970-01-01
        • 2018-05-24
        • 2016-10-21
        • 1970-01-01
        • 2020-07-13
        • 1970-01-01
        • 1970-01-01
        • 2014-03-28
        相关资源
        最近更新 更多