angle $ routeProviderによってtemplateUrlが呼び出されていません

AngularJsを今勉強していて、エラーに陥ってしまい、最後の2日間は解決できませんでした。最初のが最初に私のコードを見てみましょう：

MainPage.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Learn Angular Js - Scott Allen</title> 
    <meta charset="utf-8" /> 
</head> 

<body ng-app="LearnAngular"> 
    <h1>Git Hub Viwer</h1> 
    <div ng-view></div> 

    <script src="angular.js"></script> 
    <script src="angular-route.js"></script> 
    <script src="App.js"></script> 
    <script src="MainController.js"></script> 
</body> 
</html>

App.js

(function() { 
    var app = angular.module("LearnAngular", ["ngRoute"]); 

    app.config(function routeConfig($routeProvider) { 
     $routeProvider 
      .when("/main", { 
       templateUrl: function() { 
        debugger; 
        return "Main.html"; 
       }, 
       controller: "MainController" 
      }) 
      .otherwise({ redirectTo: "/mian" }); 
    }); 
}());

MainController.js

(function() { 
    var MainController = function ($scope, $interval, $location) { 
     alert("var MainController = function ($scope, $interval, $location) {};"); 

     var decrementCountdown = function() { 
      $scope.countdown -= 1; 
      if ($scope.countdown < 1) { 
       $scope.search($scope.username); 
      } 
     }; 

     var countDownPromise = null; 
     var startCountdown = function() { 
      countDownPromise = $interval(decrementCountdown, 1000, $scope.countdown); 
     }; 

     $scope.search = function (username) { 
      if (countDownPromise) { 
       $interval.cancel(countDownPromise); 
       $scope.countdown = null; 
      } 

      // redirect to the url. 
     }; 

     $scope.username = "angular"; 
     $scope.countdown = 5; 
     startCountdown(); 
    }; 

    var app = angular.module("LearnAngular"); 
    app.controller("MainController", MainController); 

}());

main.htmlを

<div> 
    <h1>{{countdown}}</h1> 
    <form name="searchUser" ng-submit="search(username)"> 
     <input type="search" required placeholder="Enter username to search" ng-model="username" /> 
     <input type="submit" value="Search" /> 
    </form> 
</div>

私はアプリケーションを実行すると、私はこのURLを参照してください。
私は成功したメインルートにリダイレクトすることを示している http://localhost:52108/HomePage.html#/mian
しかしMain.htmlがHomePage.htmlページに示されておらず、ブラウザのネットワークを調べると、ブラウザはMain.htmlを要求していません。ここで

は自分のアプリケーションのスクリーンショットです：