2016-08-31 5 views
0

角度検査のPluralsightをPlay by Play: Angular Testingで実行しています。追加した最初のモジュールがゲートからNG例外を投げています。John Papaの角度検査コースに従っているとき、角度モジュールは利用できません

angular.js:68 Uncaught Error: [$injector:nomod] Module 'app.people' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

http://errors.angularjs.org/1.5.8/ $インジェクター/ nomod?P0 = app.people

私はこの前に何度も通過してきたが、何らかの理由で私は今日、私のエラーを見つけることができません。

DETAILS:

角度のバージョンがv1.5.8です。

マイアプリのフォルダ構造は、この画像で表現され、そしてあなたは私がコースごととして追加された新しいpeopleフォルダに気づくでしょう:

App folder structure

新しいapp.peopleモジュールは次のとおりです。

(function(){ 
 
    'use strict'; 
 

 
    angular.module('app.people',[ 
 
    'app.core', 
 
    'app.widgets', 
 
    'app.layout' 
 
    ]); 
 
});

(function() { 
'use strict'; 

angular.module('app', [ 
'app.core', 
'app.widgets', 
'app.admin', 
'app.people',   // ** NEW PEOPLE MODULE ** 
'app.dashboard', 
'app.layout' 
]); 

})(); 

、勝つ7 CMDプロンプトからgulp dev-serveを実行した後:app.moduleからapp.peopleモジュールを追加しました。 (。<!-- build:js js/app.js -->セクションの下に注入されたNB people.module.jsファイル)を以下のように私のindex.htmlファイルが更新されます

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <style>  
 
    .ng-hide { 
 
     display: none!important; 
 
    } 
 
    </style> 
 
    <title ng-bind="title"> 
 
    angular-test 
 
    </title> 
 
    <meta charset="utf-8" /> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> 
 
    <base href="/"> 
 

 
    <!-- build:css styles/lib.css --> 
 
    <!-- bower:css --> 
 
    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css" /> 
 
    <link rel="stylesheet" href="/bower_components/toastr/toastr.css" /> 
 
    <!-- endbower --> 
 
    <!-- endbuild --> 
 

 
    <!-- build:css styles/app.css --> 
 
    <!-- inject:css --> 
 
    <link rel="stylesheet" href="/.tmp/styles.css"> 
 
    <!-- endinject --> 
 
    <!-- endbuild --> 
 
</head> 
 

 
<body> 
 
    <div> 
 
    <div ng-include="'app/layout/shell.html'"></div> 
 
    <div id="splash-page" ng-show="showSplash"> 
 
     <div class="page-splash"> 
 
     <div class="page-splash-message"> 
 
      angular-test 
 
     </div> 
 
     <div class="progress progress-striped active page-progress-bar"> 
 
      <div class="bar"></div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 

 
    <!-- build:js js/lib.js --> 
 
    <!-- bower:js --> 
 
    <script src="/bower_components/jquery/dist/jquery.js"></script> 
 
    <script src="/bower_components/angular/angular.js"></script> 
 
    <script src="/bower_components/angular-sanitize/angular-sanitize.js"></script> 
 
    <script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script> 
 
    <script src="/bower_components/extras.angular.plus/ngplus-overlay.js"></script> 
 
    <script src="/bower_components/moment/moment.js"></script> 
 
    <script src="/bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
 
    <script src="/bower_components/toastr/toastr.js"></script> 
 
    <script src="/bower_components/angular-animate/angular-animate.js"></script> 
 
    <script src="/bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
 
    <!-- endbower --> 
 
    <!-- endbuild --> 
 

 
    <!-- build:js js/app.js --> 
 
    <!-- inject:js --> 
 
    <script src="/src/client/app/app.module.js"></script> 
 
    <script src="/src/client/app/admin/admin.module.js"></script> 
 
    <script src="/src/client/app/blocks/exception/exception.module.js"></script> 
 
    <script src="/src/client/app/blocks/logger/logger.module.js"></script> 
 
    <script src="/src/client/app/blocks/router/router.module.js"></script> 
 
    <script src="/src/client/app/core/core.module.js"></script> 
 
    <script src="/src/client/app/dashboard/dashboard.module.js"></script> 
 
    <script src="/src/client/app/layout/layout.module.js"></script> 
 
    
 
    <!-- ****** NEW PEOPLE MODULE INJECTED HERE ***** --> 
 
    <script src="/src/client/app/people/people.module.js"></script> 
 
    
 
    <script src="/src/client/app/widgets/widgets.module.js"></script> 
 
    <script src="/src/client/app/admin/admin.controller.js"></script> 
 
    <script src="/src/client/app/admin/admin.route.js"></script> 
 
    <script src="/src/client/app/blocks/exception/exception-handler.provider.js"></script> 
 
    <script src="/src/client/app/blocks/exception/exception.js"></script> 
 
    <script src="/src/client/app/blocks/logger/logger.js"></script> 
 
    <script src="/src/client/app/blocks/router/router-helper.provider.js"></script> 
 
    <script src="/src/client/app/core/config.js"></script> 
 
    <script src="/src/client/app/core/constants.js"></script> 
 
    <script src="/src/client/app/core/core.route.js"></script> 
 
    <script src="/src/client/app/core/dataservice.js"></script> 
 
    <script src="/src/client/app/dashboard/dashboard.controller.js"></script> 
 
    <script src="/src/client/app/dashboard/dashboard.route.js"></script> 
 
    <script src="/src/client/app/layout/ht-sidebar.directive.js"></script> 
 
    <script src="/src/client/app/layout/ht-top-nav.directive.js"></script> 
 
    <script src="/src/client/app/layout/shell.controller.js"></script> 
 
    <script src="/src/client/app/layout/sidebar.controller.js"></script> 
 
    <script src="/src/client/app/people/people.controller.js"></script> 
 
    <script src="/src/client/app/people/people.route.js"></script> 
 
    <script src="/src/client/app/widgets/ht-img-person.directive.js"></script> 
 
    <script src="/src/client/app/widgets/ht-widget-header.directive.js"></script> 
 
    <!-- endinject --> 
 

 
    <!-- inject:templates:js --> 
 
    <!-- endinject --> 
 
    <!-- endbuild --> 
 
</body> 
 

 
</html>

あなたは私のapp.peopleモジュールはNG例外の原因になっている理由を確認私を助けることができる場合は、I感謝します。

おかげで、 ボブ

答えて

1

それは何を私の問題は、何についての手掛かりを得るために、最終的にテストタスクを実行するために私にgrunt testをすべてこの時間を要しました。

enter image description here

(function(){ 
 
    'use strict'; 
 

 
    angular.module('app.people',[ 
 
    'app.core', 
 
    'app.widgets', 
 
    'app.layout' 
 
    ]); 
 
})();

アプリケーションは現在、新しいPeopleメニュー項目やルートを登録しており、正常に動作している必要が次のようにIIFEが最終()決算parenthsがありませんでしたが判明

関連する問題