-1

Olá! Tenho um workspace no VSCode com vários projetos incluindo alguns em Ionic em versões anteriores à versão 6, todas funcionando normalmente. Agora fui criar um novo projeto com as atualizações mais recentes do Angular 13.2.2 e Ionic 6.0.0 e as tags do Ionic não são mais reconhecidas no html dos componentes, apesar do projeto estar executando. O que devo fazer para tirar estes erros no Html, que dizem: 'ion-app' is not a known element:??? Obrigado pela ajuda!!!!

0

1 Resposta 1

-2

Pelo o que eu entendi você está se referindo a componentes criados por você, correto?

Por algum motivo que ate hoje nao entendo, ao criar um componente o ionic o faz sem o arquivo de module.ts, sendo necessario criar manualmente... digamos que seu componente se chame myHeader

Você terá na sua pasta os seguintes arquivos:

  • myheader.component.html

  • myheader.component.scss

  • myheader.component.spec.ts

  • myheader.component.ts

Crie o seguinte arquivo:

myheader.component.module.ts e adicione o seguinte código

import { HeaderComponent } from './header.component';
import { IonicModule } from '@ionic/angular';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

@NgModule({
  declarations: [
    //Nome do seu componente
    MyHeaderComponent
  ],
  imports: [
    CommonModule,
    IonicModule
  ],
  exports: [
    //Nome do seu componente
    MyHeaderComponent
  ],
  providers: []
})

export class MyCustomHeader {}

inserir a descrição da imagem aqui

2
  • 1
    Como está escrito atualmente, sua resposta não é clara. Por favor, pode editar para adicionar mais detalhes, que ajudarão outras pessoas a entender como isso resolve a pergunta feita. Você pode encontrar mais informações sobre como escrever boas respostas na Central de Ajuda.
    – Comunidade Bot
    Commented 13/06/2022 às 0:12
  • Oi Maurício! Obrigado pela resposta! O componente fui eu mesmo que criei, mas ele já está com o módulo incluso e portanto com todas as configurações corretas. Se executar o projeto ele funciona normalmente o problema é que todas as tags <ionic> não estavam sendo reconhecidas dentro do arquivo html do componente, ficando com uma linha vermelha debaixo. Acabei resolvendo o problema quando atualizei o angular para a versão 14.0.0 o erro desapareceu. Acredito que seja alguma incompatibilidade de versões mesmo. Commented 14/06/2022 às 16:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .