Por quê o “ion-slides” não está funcionando corretamente no meu aplicativo?

Estou desenvolvendo um aplicativo usando Ionic 4.

Em uma das páginas que comecei a criar, estou tentando usar o componente “ion-slides”.

Inseri um componente básico em uma página html, só para testar, desse jeito:

<ion-slides>   <ion-slide>     <h1>Slide 1</h1>   </ion-slide>   <ion-slide>     <h1>Slide 2</h1>   </ion-slide>   <ion-slide>     <h1>Slide 3</h1>   </ion-slide> </ion-slides>

Não fiz nenhuma alteração no arquivo typescript dessa página, como podem ver abaixo:

import { Component, OnInit } from '@angular/core';  @Component({   selector: 'app-novo-teste',   templateUrl: './novo-teste.page.html',   styleUrls: ['./novo-teste.page.scss'], }) export class NovoTestePage implements OnInit {      constructor() { }    ngOnInit() {   }  }

O problema é que a tela fica toda preta e o “ion-slide” ocupa somente a parte de cima da tela, como aparece na imagem abaixo:

Print da tela onde ocorre o problema Estou usando o Google Chrome, e não apareceu nenhum erro no console do navegador.

Como resolvo isso?

Desde já, obrigado!