javascript - Ui-Grid が表示されない (まったく)

Question

私はAngularJSを使用しています。コントローラーは機能しています。ビューを介して関数と値を呼び出すことができます。コンソール エラーなしで gridOptions.data に値を割り当てることができます。コンソール エラーなしで、gridOptions の他のプロパティを定義できます。しかし、グリッドは表示されません...まったく。

私の index.html には次のヘッダーがあります。

<!--Lib-->
    <!--jquery-->
            <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
            <!--<script src="https://code.jquery.com/jquery-1.12.4.js"></script>-->
        <!--ng base-->
            <script src="app/lib.bower/angular/angular.js"></script>
            <script src="app/lib.bower/angular-route/angular-route.js"></script>   
        <!--ui grid-->
            <script src="app/lib.bower/angular-ui-grid/ui-grid.js"></script>
            <link href="app/lib.bower/angular-ui-grid/ui-grid.min.css" rel="stylesheet"/>
        <!--Misc-->
            <link rel="stylesheet" href="app/lib.bower/bootstrap/dist/css/bootstrap.min.css"/>
            <script src="app/lib.bower/toastr/toastr.js"></script>
            <link href="app/lib.bower/toastr/toastr.css" rel="stylesheet" />
    <!--Custom-->
    <script src="app/app.js"></script>
    <!--Custom - Services-->
    <script src="app/services/resetRequestService.js"></script>
    <script src="app/services/adValidationService.js"></script>
    <script src="app/services/userSearchService.js"></script>
    <script src="app/services/passwordCreationService.js"></script>
    <script src="app/services/toasterService.js"></script>
    <!--Custom - Controllers-->
    <script src="app/controllers/UserSearchController.js"></script>
    <script src="app/controllers/HeaderController.js"></script>
    <script src="app/controllers/PasswordResetRequestController.js"></script>
    <!--Custom modules-->
    <script src="app/modules/header.js"></script>
    <!--Custom - Other-->
    <link rel="stylesheet" href="app/css/passwordReset.css"/>

私のコントローラーは次のとおりです。

var userSearchController = function($scope, $interval, userSearchService) {
var vm = this;

vm.gridOptions = {
    enableFiltering: true,
    showGridFooter: true,
    data: [
        {
            test: 'test',
            test2: 'test2'
        }
    ]
};
//more code

}

ビューには次の div があります。

<div ui-grid="vm.gridOptions" class="grid"></div>

繰り返しますが、エラーは発生しません。.html には何も表示されません。データも、列も、境界線さえもありません。まったく表示されません。コントローラーが起動するとすぐに vm.gridOptions が割り当てられることを確認し、(再び) メソッドを実行してコントローラーから値を取得できることを確認しました。

ui-grid を機能させるための独自のフレーバーを備えた多数のチュートリアルに注ぎ込みましたが、何が間違っているのかわかりません。

私が欠けているものを知っている人はいますか？