Пустая страница отображается вместо страницы

Я попытался найти решение этой проблемы, но безрезультатно. Буду признателен за любую помощь в этом вопросе.

Я начал проект по умолчанию "tabs", который работал в качестве базы. И добавил эти несколько модификаций, и в итоге появился пустой экран.

в app.js:

    .state('login', {
        url: '/login',
        views: {
          'login': {
            templateUrl: 'templates/login.html',
            controller: 'LoginCtrl'
          }
        }
    })

ниже начального определения вкладки. В противном случае:

    $urlRouterProvider.otherwise('/login');

Мой взгляд находится в шаблонах /login.html:

    <ion-view view-title="login">
      <ion-content>
        <div class="bar bar-header bar-positive">
          <h1 class="title">Project :: Login</h1>
        </div>
        <div class="list">
          <label class="item item-input item-stacked-label">
            <span class="input-label">Email</span>
            <input type="text" placeholder="[email protected]">
          </label>
          <label class="item item-input item-stacked-label">
            <span class="input-label">Password</span>
            <input type="password" placeholder="********">
          </label>
          <button class="button button-block button-positive">
            Sign in
          </button>
        </div>
      </ion-content>
    </ion-view>

У меня также есть пустое определение контроллера в контроллерах.js:

    .controller('LoginCtrl', function($scope) {})

При запуске приложения маршрутизация успешно переходит на localhost:/#/login, но отображается пустая страница.

Я получаю только одну консольную ошибку при работе с ионной подачей:

     ? (node:5592) fs: re-evaluating native module sources is not supported.
     If you are using the graceful-fs module, please update it to a more recent version.

Но я удалил это предупреждение/ошибку, понизив до [email protected]. Проблема с пустой страницей сохраняется. Он отображает серый заголовок и пустое тело.

Любая помощь будет оценена!