离子导航视图结果为空白页

Question

对于我的一生，我无法弄清楚我在这里做错了什么。我完全按照示例进行操作，除了空白页面外，我无法将其显示为其他任何内容...

我有一个刚开始的BARE离子应用程序。它可以与它的默认模板一起很好地工作，但是当我更改最起码的代码以使其个性化以满足我的需要（设置一个新的主页并删除其他选项卡）时，我现在得到的只是一个空白页...

JS / app.coffee

angular.module 'myApp', ['ionic']
.run ($ionicPlatform) ->
  $ionicPlatform.ready ->
    if window.cordova && window.cordova.plugins.Keyboard
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

    if window.StatusBar
      StatusBar.styleDefault();

.config ($stateProvider, $urlRouterProvider) ->
  $stateProvider
  .state 'tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html"
  }
  .state 'tabs.home', {
    url: '/',
    views: {
      'home': {
        templateUrl: 'templates/home.html',
        controller: 'HomeController'
    }
  }
}

$urlRouterProvider.otherwise('/');

的index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title></title>
  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <script src="lib/ionic/js/ionic.bundle.js"></script>
  <script src="cordova.js"></script>
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
</head>
<body ng-app="myApp" animation="slide-left-right-ios7">
  <ion-nav-bar class="bar-stable nav-title-slide-ios7">
    <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
      Back
    </ion-nav-back-button>
  </ion-nav-bar>
  <ion-nav-view></ion-nav-view>
</body>
</html>

模板/ home.html做为

<ion-view title="home">
  <ion-content class="padding">
    Hello
  </ion-content>
</ion-view>

JS / controllers.coffee

angular.module 'myApp'
.controller 'HomeController', ($scope) ->

我得到的只是一张空白的黑页。我已经在此处查看了所有相同的问题，但是看不到我在做什么不同的地方。我还在Google和ionic文档示例中查找了所有内容。我看不到任何我做不正确的事情。控制台中没有 404或JS错误。

我已经在这里呆了大约2个小时，没有任何结果。