Почему ионный спиннер не появляется в моем проекте?

Question

Я добавляю значок счетчика в мой ионный проект, но он не появляется.Я пытался поместить элемент ионного вращения в другое место в файле HTML, но это не работает.Можете ли вы помочь мне решить эту проблему?

HTML:

<ion-content>
   <form (submit)="doLogin()">
    <ion-list>

      <ion-item>
        <ion-label fixed>{{ 'EMAIL' | translate }}</ion-label>
        <ion-input type="email" [(ngModel)]="account.email" name="email"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label fixed>{{ 'PASSWORD' | translate }}</ion-label>
        <ion-input type="password" [(ngModel)]="account.password" name="password"></ion-input>
      </ion-item>

      <div padding>
        <button ion-button color="primary" block>{{ 'LOGIN_BUTTON' | translate }}</button>
      </div>

    </ion-list>
  </form>

  <ion-spinner name="lines"></ion-spinner>

</ion-content>

SCSS:

page-login {
  ion-spinner {
    width: 28px;
    height: 28px;
    stroke: #444;
    fill: #222;
  }
}