Alert e Toast não funcionam (Ionic V6 Angular) [RESOLVIDO]

Ionic Native
#1

Estou tentando utilizar o Alert e o Toast. mas, Quando chamo eles na aplicação, não aparece nada na tela. mas, também não gera nenhum erro.

Print do código:

code
code578×531 12.4 KB

#2

Tem certeza que o resto do código está executando? (O produto está sendo salvo e está navegando para a outra página?). Aparentemente não há nada de errado com o código, tente usar o toast e alert em outros lugares pra ver o que acontece.

P.S: na próxima vez que postar código tente postar como texto mesmo, fica mais fácil pra copiar e colar testar o que você está tentando fazer…

#3

Boa tarde, Eu havia cometido um erro bobo em meu código.
Criei as tabs em cima do . então, estava funcionando. mas, nunca iria exibir. pq o visual estava rodando por trás…

o código estava deste jeito:

<ion-tab-button tab="dashboard">

  <ion-icon name="calendar"></ion-icon>

  <ion-label>Dashboard</ion-label>

</ion-tab-button>

<ion-tab-button tab="produto">

  <ion-icon name="cube"></ion-icon>

  <ion-label>Produtos</ion-label>

</ion-tab-button>

<ion-tab-button tab="venda">

  <ion-icon name="pricetags"></ion-icon>

  <ion-label>Vendas</ion-label>

</ion-tab-button>

<ion-tab-button tab="relatorio">

  <ion-icon name="information-circle"></ion-icon>

  <ion-label>Relatórios</ion-label>

</ion-tab-button>

<ion-tab-button tab="contact">

  <ion-icon name="information-circle"></ion-icon>

  <ion-label>Contatos</ion-label>

</ion-tab-button>

Corrigi para:

<ion-tabs>

  <ion-tab-bar slot="bottom">

    <ion-tab-button tab="dashboard">

      <ion-icon name="calendar"></ion-icon>

      <ion-label>Dashboard</ion-label>

    </ion-tab-button>

    <ion-tab-button tab="produto">

      <ion-icon name="cube"></ion-icon>

      <ion-label>Produtos</ion-label>

    </ion-tab-button>

    <ion-tab-button tab="venda">

      <ion-icon name="pricetags"></ion-icon>

      <ion-label>Vendas</ion-label>

    </ion-tab-button>

    <ion-tab-button tab="relatorio">

      <ion-icon name="information-circle"></ion-icon>

      <ion-label>Relatórios</ion-label>

    </ion-tab-button>

    <ion-tab-button tab="contact">

      <ion-icon name="information-circle"></ion-icon>

      <ion-label>Contatos</ion-label>

    </ion-tab-button>

  </ion-tab-bar>

</ion-tabs>