为什么离子微调器没有出现在我的项目中？

Question

我在离子项目中添加了一个微调器图标，但没有启动。我试图将ionic-spinner项目放置在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;
  }
}