在Angular js的不同文件中使用多個模塊

我的問題是這樣的：我是一個初學者角度JS（目前1.4版本的學習），我想我的應用程序在兩個模塊像這樣分離：

app.js

(function(){ 
var app = angular.module('store', ['store-products', 'ngAnimate', 'ui.bootstrap']); 



    app.controller('StoreController', function(){ 
     ... 
     }); 

    app.controller('ReviewController', function(){ 
     ... 
     }; 

     this.rateOnClick = function(){ 
      ... 
     }; 

     this.addReview = function(product){ 
      ... 
     }; 
     }); 


    . 
    . 
    . 
})();

products.js

(function(){ 

    var app = angular.module('store-products', []); 

    app.directive('productTitle', function(){ 
      ... 
     }); 

    app.directive('productPanels', function(){ 
      ... 

     }); 
})();

的index.html

<html> 
    <head> 
    <title>My Angular App!</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-animate.js"></script> 
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.2.4.js"></script> 
    <link href="styles.css" rel="stylesheet"> 
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="app.js"></script> 
    <script src"products.js"></script> 
... 
</html>

我所有的文件都在同一個文件夾中。 app.js是主模塊，所以據我瞭解包括都很好，但我仍然得到錯誤：

Uncaught Error: [$injector:modulerr] Failed to instantiate module store due to: 
Error: [$injector:modulerr] Failed to instantiate module store-products due to: 
Error: [$injector:nomod] Module 'store-products' 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.

不能someon弄清楚爲什麼發生這種情況？

來源

2016-03-19 Cristhian Eduardo Fuertes Daza

你指的是應用程序的名稱？ –

這可能有所幫助：http://www.codeproject.com/Articles/862602/Define-multiple-Angular-apps-in-one-page –