angularjs - AngularJS ng-template ディレクティブが routeProvider に見つかりません

Question

に含まれる複数の部分テンプレートを含めようとしていますng-viewが、routeProviderディレクティブは常にサーバーからファイルを取得しようとしています (埋め込まれた ではありませんng-template)。

HTML で次のように定義しています。

<script type="text/ng-template" id="groupList.html">
  <!-- contents -->
</script>

<script type="text/ng-template" id="participantList.html">
  <!-- contents -->
</script>

<script src="js/app.js"></script> <!-- AngularJS app file -->

私のapp.jsファイルには次のものがあります。

var myApp = angular.module('myApp', ['ngResource', '$strap.directives']);

// Update interpolateProvider for Django server
myApp.config(function ($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
});

myApp.config(function ($routeProvider)
{
    $routeProvider.when('/', {
        templateUrl: '../static/views/home.html'
    });

    $routeProvider.when('/group', {
        controller: 'GroupCheckInCtrl',
        templateUrl: 'groupList.html'
    });

    $routeProvider.when('/group/:groupId', {
      controller: 'GroupCheckInCtrl',
      templateUrl: 'participantList.html'
    });

    $routeProvider.otherwise({
        redirectTo: '/'
    });
});

ページをロードするたびに、ブラウザー コンソールにエラーが表示されます。

GET http://127.0.0.1:8000/visitorLog/group/groupList.html 404 (NOT FOUND)

私のページの AngularJS アプリ セクションは次のようになります。

<div ng-app="myApp" ng-controller="GroupCheckInCtrl">
  <!-- other content -->

  <ng-view>Loading...</ng-view>

</div>

ng-templateAngularJS がスクリプト ディレクティブを読み込めないようにするために何が欠けていますか?