[SOLVED] Not able to load new module dependency in angular

Not able to load new module dependency in angular

Im using appgyver and are not able to load new module. I get this error message: Failed to instantiate module legeApp due to:\n[$injector:nomod] Module 'legeApp' 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

Here is my code, please help!

Js file

angular
  .module('legeApp', ['angular-carousel'])
  .controller('IndexControllerOrer', function($scope, supersonic, $filter) {  

});

My Layout.html

<html>
<head>
  <meta charset="utf8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <title><%= yield.viewName %></title>

  <link rel="stylesheet" href="/components/supersonic/css/supersonic.css" />
  <link rel="stylesheet" href="/app/common/stylesheets/application.css" />
  <link rel="import" href="/components/supersonic/components/import.html">
  <link href="/components/angular-carousel/angular-carousel.css" rel="stylesheet" type="text/css" />


  <script src="/components/angular-carousel/angular-carousel.js"></script>
  <script src="http://localhost/cordova.js"></script>
  <script src="/components/steroids-js/steroids.js"></script>
  <script src="/components/angular/angular.js"></script>
  <script src="/components/supersonic/supersonic.js"></script>
  <script src="/components/webcomponentsjs/webcomponents.js"></script>

  <% _.each(yield.modules, function(module) { %>
  <script src="/app/<%= module %>.js"></script>
  <% }); %>
</head>
<body ng-app="<%= yield.moduleName %>">

<%= yield.view %>

</body>
</html>

My view

<div ng-controller="IndexControllerOrer">

  <super-navbar>
    <super-navbar-title>
      Helseplager
    </super-navbar-title>
  </super-navbar>

          <ul class="list" rn-carousel>
            <li ng-repeat="plagerOret in plagerOret" class="item item-checkbox checkbox-assertive"  >
             <label class="checkbox">
               <input type="checkbox" ng-model="plagerOret.checked">
             </label >
              {{plagerOret.value}}
            </li>
          </ul>


<button class="button button-block button-assertive" ng-click="checkValues()" value="checkitems" >
  Diagonoser
</button>

</div>

The angular-carousel files is under the components/angular-carousel/angular-carousel.css and components/angular-carousel/angular-carousel.js

Solution

There is a syntax error in your javascript. It should be:

angular
  .module('legeApp', ['angular-carousel'])
  .controller('IndexControllerOrer', function($scope, supersonic, $filter) {      
  });