ngRoute: impossible de lire la propriété 'module' undefined

J'ai essayé de mettre en œuvre le routage dans mon projet, mais trouvez qu'il est difficile de le faire. Voici mon index.html code

<!DOCTYPE html>

<!-- Angular Material CSS now available via Google CDN; version 0.11.2 used here -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script>
<!--<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>-->

<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script type="text/javascript" src="./app/app.js"></script>

<section ng-controller="MainCtrl">
  <div ng-view></div>
</section>


<!-- Angular Material Javascript now available via Google CDN; version 0.11.2 used here -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>

et voici mon app.js fichier:

 (function(){
  "use strict";

  var app = angular.module('math_teacher', ['ngMaterial']);
  app.config(['$routeProvider', function($routeProvider){
  $routeProvider.
    when('/welcome',{
      templateUrl: 'welcome.html',
      controller: 'MainCtrl',
    }).
    otherwise({redirectTo: '/welcome'});
  }]);

  app.controller('MainCtrl', ['$scope', function(){

  }]);
  app.controller('TutorialsController', ['$scope', function(){
  }]);
})();

et voici mon welcome.html pour tester si mon itinéraire a été de travailler 

<h1>Welcome to this page</h1>
<p>This really shows that the route is at work</p>

sur l'exécution de ce sur mon serveur, voici ce que je vois dans ma console:

Uncaught TypeError: Cannot read property 'module' undefined(fonction anonyme) @ angulaire de l'itinéraire.js:24(fonction anonyme) @ angulaire de l'itinéraire.js:6

Erreur non interceptée: [$injecteur:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=math_teacher&p1=Er...gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A38%3A135)(fonction anonyme) @ angulaire.js:38(fonction anonyme) @ angulaire.js:4138r @ angulaire.js:323g @ angulaire.js:4099ab @ angulaire.js:4025d @ angulaire.js:1452uc @ angulaire.js:1473Jd @ angulaire.js:1367(fonction anonyme) @ angulaire.js:26304a @ angulaire.js:2762c @ angulaire.js:3032

Pls aider

InformationsquelleAutor Jalasem | 2015-11-23
  1. 3

    J'ai trouvé la solution!
    après l'ajout d'
    'ngRoute'
    pour les dépendances cela ne fonctionne toujours pas

    J'ai tout ajouter mon script après angularjs script et pas avant

    InformationsquelleAutor Jalasem
  2. 1

    Vous devez inclure 'ngRoute' module dans votre application.

     var app = angular.module('math_teacher', ['ngMaterial', 'ngRoute']);
    InformationsquelleAutor Midhun Darvin