2016-05-31 90 views
0

我正在編程Angular的一個Web應用程序。 我已經創建了一個模塊來管理會計。 我正在使用Bower和Gulp來編譯JavaScript。模塊不可用!但我已經聲明幷包含它

旅館/ hostels.module.js

(function() { 
    'use strict'; 

    angular 
     .module('app.hostels', [ 
      'app.hostels.authentication', 
      'app.hostels.rooms', 
      'app.hostels.guests', 
      'app.hostels.providers', 
      'app.hostels.products', 
      'app.hostels.employees', 
      'app.hostels.accounting' 
     ]); 
})(); 

旅館/會計/ accounting.module.js

(function() { 
    'use strict'; 

    angular 
     .module('app.hostels.accounting', [ 

     ]); 
})(); 

旅館/會計/列表/ list.controller.js

(function() { 
    'use strict'; 

    angular 
     .module('app.hostels.accounting') 
     .controller('ListAccountingController', ListController); 

    /* @ngInject */ 
    function ListController ($scope, $http, $location, APP, ApiResourceBalance, $log) { 
     var vm = this; 
     $log.log('Balance!!!'); 

    } 

})(); 

問題是,當我運行應用程序時,我在控制檯中收到一條錯誤消息sayin'app.hostels.accounting module not de罰款(在list.controller.js)。

這是我製作的其他模塊的克隆,只是更改了名稱,並且找不到錯誤所在。

任何想法?

在此先感謝!

+0

似乎是顯而易見的,但是你要確保文件被包含在頁面上? – Casey

+0

你的HTML包含了所有的JS文件嗎?您可能意外排除了它。 –

+0

是的,並確保序列正確 – codemax

回答

0

我認爲,一飲而盡不包括新的模塊項目,也許你在下面設置錯誤經常expression.my配置:

js: { 
    main: 'app/main.js', 
    src: [ 
     // application config 
     'app.config.js', 

     // application bootstrap file 
     'app/main.js', 

     // main module 
     'app/app.js', 

     // module files 
     'app/**/module.js', 

     // other js files [controllers, services, etc.] 
     'app/**/!(module)*.js' 
    ], 
    tpl: 'app/**/*.html' 
} 
+0

它包括所有文件。控制器包含在模塊聲明之前的幾行。也許這有些事要做 – Pablo

相關問題