Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

app-mascota' is not a known element

Hola he sigo paso a paso el curso pero grid-mascotas.component.html no me reconoce la etiqueta , ayuda por favor:

ERROR

src/app/mascotas/grid-mascotas/grid-mascotas.component.html:5:9 - error NG8001: 'app-mascota' is not a known element:
1. If 'app-mascota' is an Angular component, then verify that it is part of this module.
2. If 'app-mascota' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

5         <app-mascota
          ~~~~~~~~~~~~
6           [url]="mascota.url"
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
7           [description]="mascota.description"
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
8         ></app-mascota>
  ~~~~~~~~~

  src/app/mascotas/grid-mascotas/grid-mascotas.component.ts:6:16
    6   templateUrl: './grid-mascotas.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component GridMascotasComponent.
1 respuesta
solución!

Hola Sebastian,

Entiendo que estás teniendo problemas con el reconocimiento del componente <app-mascota> en tu archivo grid-mascotas.component.html. Este error suele ocurrir cuando el componente no está correctamente declarado en el módulo correspondiente. Aquí hay algunas cosas que podrías verificar para intentar resolver el problema:

  1. Verifica la declaración del componente: Asegúrate de que el componente MascotaComponent (que debería ser el que corresponde a <app-mascota>) está declarado en el módulo correcto. Por ejemplo, si MascotaComponent está en el mismo módulo que GridMascotasComponent, debería estar declarado en el mismo NgModule.

    import { MascotaComponent } from './ruta/del/componente/mascota.component';
    
    @NgModule({
      declarations: [
        MascotaComponent,
        GridMascotasComponent,
        // otros componentes
      ],
      // otros imports, providers, etc.
    })
    export class MascotasModule { }
    
  2. Importa el módulo si es necesario: Si MascotaComponent está en un módulo diferente, asegúrate de que el módulo que lo contiene está importado en el módulo donde está GridMascotasComponent.

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { MascotasModule } from './ruta/del/modulo/mascotas.module';
    
    @NgModule({
      imports: [
        CommonModule,
        MascotasModule,
        // otros módulos
      ],
    })
    export class OtroModulo { }
    
  3. Verifica el selector del componente: Asegúrate de que el selector en el archivo mascota.component.ts sea efectivamente app-mascota. El selector es lo que defines en el decorador @Component del componente.

    @Component({
      selector: 'app-mascota',
      templateUrl: './mascota.component.html',
      styleUrls: ['./mascota.component.css']
    })
    export class MascotaComponent { }
    

Puedes iniciar de nuevo la aplicación tambien puede ser error de actualización y aveces con subir de nuevo la aplicación se resuelve.

Espero que alguna de estas sugerencias te ayude a resolver el problema. ¡Buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios