Angular 6: Errores de parse de la plantilla: 'componente' no es un elemento conocido -- angular campo con angular6 camp Relacionados El problema

Angular 6: Template parse errors: 'component' is not a known element


0
vote

problema

Español

Estoy tratando de usar un selector de componentes en otro componente, pero muestra un error.

  Uncaught Error: Template parse errors: 'registryTable' is not a known element: 1. If 'registryTable' is an Angular component, then verify that it is part of this module. 2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("[ERROR ->]<registryTable></registryTable>"):    

He intentado agregarlo a app.module.ts , pero aún llama ese error.

aquí es parte del código que estoy usando.

app.module.ts

  import { RegisteryComponent } from './registery/registery.component'; import { RegisteryTableComponent } from './registery/registry-table/registery-table.component'; @NgModule({     declarations: [         AppComponent,         RegisteryComponent,         RegisteryTableComponent     ],     imports: [     ...     ],     exports: [         CdkTableModule,         CdkTreeModule     ],     providers: [...],      entryComponents: [],     bootstrap: [AppComponent] }) export class AppModule { }   

registry.component.ts

  import { Component, OnInit, ViewChild } from '@angular/core';  import { RegisteryTableComponent } from './registry-table/registery-table.component';  @Component({     selector: 'app-registery',     template: '<registry-table></registry-table>',     styleUrls: ['./registery.component.scss'] }) export class RegisteryComponent implements OnInit {     @ViewChild(RegisteryTableComponent) registeryTable: RegisteryTableComponent;      constructor() { }       ngOnInit() { } }   

Registry-Table.COMPonent.ts

  import { Component, OnInit, ViewChild, Input } from '@angular/core';  @Component({     selector: 'registery-table',     templateUrl: './registery-table.component.html',     styleUrls: ['./registery-table.component.scss'] }) export class RegisteryTableComponent implements OnInit {      constructor() { }      ngOnInit() {} }   

lo que ya he intentado:

  1. Agregar RegisteryTableComponent A entryComponents6 EN app.module.ts .
  2. agregado RegisteryTableComponent a exports Array en app.module.ts0

He intentado la mayoría de las soluciones encontradas para un error similar, pero ninguno de ellos funcionó para mí. Cualquier ayuda sería muy apreciada.

Original en ingles

I am trying to use a component selector in another component but it shows an error.

Uncaught Error: Template parse errors: 'registryTable' is not a known element: 1. If 'registryTable' is an Angular component, then verify that it is part of this module. 2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("[ERROR ->]<registryTable></registryTable>"):  

I have tried adding it to app.module.ts but it still throws that error.

here is part of code I am using.

app.module.ts

import { RegisteryComponent } from './registery/registery.component'; import { RegisteryTableComponent } from './registery/registry-table/registery-table.component'; @NgModule({     declarations: [         AppComponent,         RegisteryComponent,         RegisteryTableComponent     ],     imports: [     ...     ],     exports: [         CdkTableModule,         CdkTreeModule     ],     providers: [...],      entryComponents: [],     bootstrap: [AppComponent] }) export class AppModule { } 

registry.component.ts

import { Component, OnInit, ViewChild } from '@angular/core';  import { RegisteryTableComponent } from './registry-table/registery-table.component';  @Component({     selector: 'app-registery',     template: '<registry-table></registry-table>',     styleUrls: ['./registery.component.scss'] }) export class RegisteryComponent implements OnInit {     @ViewChild(RegisteryTableComponent) registeryTable: RegisteryTableComponent;      constructor() { }       ngOnInit() { } } 

registry-table.component.ts

import { Component, OnInit, ViewChild, Input } from '@angular/core';  @Component({     selector: 'registery-table',     templateUrl: './registery-table.component.html',     styleUrls: ['./registery-table.component.scss'] }) export class RegisteryTableComponent implements OnInit {      constructor() { }      ngOnInit() {} } 

What I have already tried:

  1. Adding RegisteryTableComponent to entryComponents in app.module.ts.
  2. Added RegisteryTableComponent to exports array in app.module.ts

I have tried most of the solutions found for similar error but none of them worked for me. Any help would be highly appreciated.

     
       
       

Lista de respuestas

2
 
vote
vote
La mejor respuesta
 

Parece que ha tipogórico, el selector cambie registery-table a registry-table6

 

Looks like you've typo'd the selector change registery-table to registry-table

 
 
   
   
1
 
vote

Cambiar selector en registro-Table Table.comPonent.ts de 'Registry-Table' a esta 'tabla de registro'

 

Change selector in registry-table.component.ts from 'registery-table' to this 'registry-table'

 
 

Relacionados problema

9  Ngonchanges no disparando si un @Input está recibiendo un objeto  ( Ngonchanges not firing if an input is receiving an object ) 
Plantilla de componente principal: <my-component [param]="whatever"></my-component> Código de componente principal: whatever = { value1: 0, value2: ...

3  Angular 6 MAT-NAV-LISTED CON MAT-EXPANSION-PANEL  ( Angular 6 mat nav list with mat expansion panel ) 
Estoy tratando de crear una lista de esteras que tenga paneles de expansión mate como elementos de lista. El problema es que la lista de esteras no funciona c...

0  API devuelve 400 mala solicitud  ( Api returns 400 bad request ) 
var response = await this.http.post(proxyURL, cipherPayLoad, { headers: new commonHttp.HttpHeaders(requestHeaders), observe: 'response', reportProgress...

0  6 refactorismo angular  ( Angular 6 refactoring ) 
Acabo de actualizar mi aplicación a la angular 6 y todas mis importaciones observables deben cambiarse para importar {observable} de 'rxjs' en lugar de 'rxjs ...

0  SetAtTribute no funcionará con Ngmodel en Angular  ( Setattribute wont work with ngmodel in angular ) 
Estoy tratando de asignar automáticamente ngmodel mientras crea un elemento HTML Este es mi código, productName.setAttribute('[(ngModel)]', `customProductN...

0  Kendo Grid Angular 6 Agregar clase Conditinoally En Columna  ( Kendo grid angular 6 add class conditinoally in column ) 
Tengo debajo del enlace. https://stackblitz.com/edit /angular-pwq1rq-d4ymup?file=app/app.component.ts Error3 Necesito agregar clase en condición, ta...

1  Cómo mostrar PDF desde una cadena Byte64 en mi plantilla angular en Angular6  ( How to display pdf from a byte64 string on my angular template in angular6 ) 
Estoy trabajando en PDF Ver y descargar para mi aplicación angular, aquí querría descargar PDF en una sección, pero antes de eso quiero mostrar el PDF en mi p...

0  ¿Cómo abrir este formulario con acordeón en IONIC 3?  ( How to open this form with accordion in ionic 3 ) 
Estamos construyendo un formulario de búsqueda e intentando implementarlo dentro del acordeón para que el usuario pueda hacer clic para abrir el formulario. A...

0  No se puede obtener la respuesta del servidor en el servicio de protección de ruta  ( Cannot get server response in route protecting service ) 
Estoy usando angular 6 y estoy creando un servicio para proteger algunas rutas, de acuerdo con la respuesta del nodo y la fecha de vencimiento de un token. ...

2  Realización de múltiples solicitudes HTTP al mismo punto final, fusionan y ordena la respuesta  ( Performing multiple http requests to same endpoint merge and sort response ) 
Lo que estoy tratando de lograr es hacer múltiples solicitudes a una API, fusionar y ordenar el resultado y asignarlo a esto. PRODUCTS $ observable. Esto func...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos