title: AngularJS is failing to load module
body: <p>First of all background on my environment. I'm using Windows7, StS IDE, and pivotal tc server, google Chrome.</p>
  
  <p>I built a angularJS app. Below is the code for my index.jsp</p>
  
  <pre><code>&lt;%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&gt;
  &lt;!DOCTYPE html&gt;
  &lt;!--[if lt IE 7]&gt;      &lt;html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;         &lt;html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;         &lt;html lang="en" ng-app="myApp" class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html lang="en" class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;title&gt;My AngularJS App&lt;/title&gt;
  
     &lt;script src="&lt;c:url value="resources/js/angular.min.js"/&gt;"&gt;&lt;/script&gt;
     &lt;script src="&lt;c:url value="resources/js/angular-route.min.js"/&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;c:url value="resources/js/angular-resource.min.js"/&gt;"&gt;&lt;/script&gt;
       &lt;script src="&lt;c:url value="resources/js/bootstrap.min.js"/&gt;"&gt;&lt;/script&gt;
  
     &lt;script src="&lt;c:url value="app/view1/FormView.js"/&gt;"&gt;&lt;/script&gt;
     &lt;script src="&lt;c:url value="app/view1/controller.js"/&gt;"&gt;&lt;/script&gt;
         &lt;script src="&lt;c:url value="app/view1/services.js"/&gt;"&gt;&lt;/script&gt;
  
     &lt;script src="&lt;c:url value="app/view2/Form2View.js"/&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;c:url value="app/view2/controller.js"/&gt;"&gt;&lt;/script&gt;
             &lt;script src="&lt;c:url value="app/view2/service.js"/&gt;"&gt;&lt;/script&gt;
  
     &lt;script src="&lt;c:url value="app/js/bootstrap.min.js"/&gt;"&gt;&lt;/script&gt;
  
              &lt;script src="&lt;c:url value="app/myApp.js"/&gt;"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="&lt;c:url value ="resources/css/bootstrap.min.css"/&gt;"&gt;
     &lt;link rel="stylesheet" href="&lt;c:url value ="app/view1/app.css"/&gt;"&gt;
  
  
    &lt;meta name="description" content=""&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;/head&gt;
  &lt;body  data-ng-app= "myApp"&gt;
    &lt;ul class="menu"&gt;
      &lt;li&gt;&lt;a href="#/view1"&gt;LookUpCodeStyle&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#/view2"&gt;AccountMaster&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;!--[if lt IE 7]&gt;
        &lt;p class="browsehappy"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a href="http://browsehappy.com/"&gt;upgrade your browser&lt;/a&gt; to improve your experience.&lt;/p&gt;
    &lt;![endif]--&gt;
  
    &lt;div data-ng-view&gt;&lt;/div&gt;
  
  
    &lt;!-- In production use: 
    &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"&gt;&lt;/script&gt;
    --&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When deployed on server, it throws following errors:</p>
  
  <pre><code>Uncaught TypeError: undefined is not a function 
  Uncaught TypeError: undefined is not a function 
  Uncaught TypeError: undefined is not a function 
  Uncaught TypeError: undefined is not a function 
  Uncaught Error: No module: ngResource 
  </code></pre>
  
  <p>But the biggest thing where I define:</p>
  
  <pre><code>&lt;body  data-ng-app= "myApp"&gt;
  </code></pre>
  
  <p>the eclipse throws an error:</p>
  
  <pre><code>Cannot find module with name myApp.
  </code></pre>
  
  <p>I have myApp.js:</p>
  
  <pre><code>angular.module('myApp', [
    'ngRoute',
    'myApp.form',
    'myApp.form2'
  ]).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.otherwise({redirectTo: '/view1'});
  }]);
  </code></pre>
  
  <p>Btw, it's loading all the files. I checked in the network.
  Any help would be appreciated?</p>