Javascript ui.bootstrap依赖项注入

我很难理解为什么ui.bootstrap依赖项注入不能正常工作。当我注入依赖项时，我单个页面中的所有内容都消失了。我在控制台日志中没有收到任何类型的错误。我觉得我做的每件事都很好，但我需要一双新的眼睛来看看是什么导致了这个问题

（函数（）{
"严格使用",；
angular.module（'ghostApp'，['ui.bootstrap']））
.controller（'GamesCtrl'，['$scope'，'$http'，函数（$scope，$http）{
$scope.currentPage=1；
$scope.pageSize=12；
$http.get（“json/games.json”）.success（函数（数据）{
$scope.games=数据；
});
}]);
})();

切换导航














!函数（A，n，g，u，l，A，r）{A.GoogleAnalyticsObject=l，A[l]=A[l]| |函数（）{
（A[l].q=A[l].q | |[]）.push（arguments）}，A[l].l=+新日期，A=n.createElement（g），
r=n.getElementsByTagName（g）[0]，a.src=u，r.parentNode.insertBefore（a，r）
}（窗口、文档、“脚本”和https://www.google-analytics.com/analytics.js","ga",；
ga（“创建”、“UA-XXXXX-X”）；
ga（‘发送’、‘页面浏览’）；
{{game.name}
刚刚从CDN中删除了jQuery和bootstrap.js以及包含的依赖项，但没有发现问题


（函数（）{
"严格使用",；
angular.module（'ghostApp'，['ui.bootstrap']））
.controller（'GamesCtrl'，['$scope'，'$http'，函数（$scope，$http）{
$scope.currentPage=1；
$scope.pageSize=12；
$http.get（“json/games.json”）.success（函数（数据）{
$scope.games=数据；
});
}]);
})();

切换导航














!函数（A，n，g，u，l，A，r）{A.GoogleAnalyticsObject=l，A[l]=A[l]| |函数（）{
（A[l].q=A[l].q | |[]）.push（arguments）}，A[l].l=+新日期，A=n.createElement（g），
r=n.getElementsByTagName（g）[0]，a.src=u，r.parentNode.insertBefore（a，r）
}（窗口、文档、“脚本”和https://www.google-analytics.com/analytics.js","ga",；
ga（“创建”、“UA-XXXXX-X”）；
ga（‘发送’、‘页面浏览’）；
{{game.name}