Модуль FerriesApp недоступен

Question

У меня проблемы с настройкой AngularJS в моем приложении ASP. NET MVC. Мой код выглядит следующим образом:

<div id="bodyContainer" ng-app="FerriesApp" style="padding-top: 2em">
    <div class="container">
        <div class="row">
            <div ng-controller="PersonController">
                <button class="btn btn-lg btn-primary" ng-click="getPeople()">Get People</button>

                <div ng-if="persons" ng-cloak>
                    <table class="table" style="margin-top:2em">
                        <thead>
                            <tr>
                                <th scope="col"><img src="https://static.thenounproject.com/png/24967-200.png" style="height: 24px; width: 24px" ng-click="orderByFirstName()" />First Name</th>
                                <th scope="col">Surname</th>
                                <th scope="col"><img src="https://static.thenounproject.com/png/24967-200.png" style="height: 24px; width: 24px" ng-click="orderByScore()" /> Score</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="person in persons">
                                <td>{{ person.FirstName }}</td>
                                <td>{{ person.Surname }}</td>
                                <td>{{ person.Score }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts {
    @Scripts.Render("~/Scripts/angular.js")
    @Scripts.Render("~/Scripts/apps/person-controller.js")
}

человек-контроллер. js

(function () {
    angular.module("FerriesApp", []).controller('PersonController', function ($scope, $http) {
        $scope.apiUrl = 'https://demo.mockable.io/people';

        $scope.getPeople = function () {
            $http.get($scope.apiUrl).then(function (response) {
                $scope.persons = response.data;
            });
        };

        $scope.orderByFirstName = function () {
            if ($scope.persons) {
                $scope.persons.sort((a, b) => (a.FirstName > b.FirstName) ? 1 : -1)
            }
        }

        $scope.orderByScore = function () {
            if ($scope.persons) {
                $scope.persons.sort((a, b) => (a.Score > b.Score) ? 1 : -1)
            }
        }
    })
}());

Я получаю следующую ошибку:

Сообщение: ошибка: [$ injector: modulerr] Не удалось создать экземпляр приложения модуля из-за [$ injector: nomod] Модуль 'FerriesApp' недоступен! Вы либо неправильно написали имя модуля, либо забыли загрузить его. При регистрации модуля убедитесь, что вы указали зависимости в качестве второго аргумента.

Как это исправить?