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:
Estou usando o Google Chrome, e não apareceu nenhum erro no console do navegador.
Como resolvo isso?
Desde já, obrigado!
