angularjs由于以下原因无法实例化模块myLandingPage：when未定义

Question

我正在使用ngRoute开发不同的模板并遇到此错误：

  

无法实例化模块myLandingPage，原因是：未定义时。

我想我可能会对角度文件序列犯一些错误，这是我的：

<script  type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.js"></script>
<script  type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-route.min.js"></script>
<script  type="text/javascript" src="my.js"></script>
<script  type="text/javascript" src="resources/dirPagination.js"></script>

我的角度模块js文件：

var myApp = angular.module('myLandingPage', ['ngMaterial','angularUtils.directives.dirPagination','ngRoute']);

myApp.config(function ($routeProvider){
    $routeProvider.caseInsensitiveMatch = true;
     $routeProvider.when('/table', {
         templateUrl: "table.html",
         controller: "mainController"
     })
     when('/dashboard', {
         templateUrl: "dashboard.html",
         controller: "mainController"
     })
     .otherwise({
         redirectTo:'/'
     })
});
myApp.controller('mainController',function($scope, $http){});

任何人都知道如何解决这个错误？什么时候没有定义？