Tengo 2 componentes, el componente Inicio, que es el componente Lista de productos de la página de inicio, que me mostrará una lista de productos.

Pregunta: Cuando trato de agregar un selector de lista de productos a home.component.html, aparece este error: El componente Angular o el elemento "jhi-product-list" que coincide con la directiva está fuera del alcance del módulo Angular actual

lista-de-productos.component.ts

 import { Component, OnInit } from '@angular/core'; import {ProductService} from "../services/product.service"; import {Product} from "../entities/product"; @Component({ selector: 'jhi-product-list', templateUrl: './product-list.component.html', styleUrls: ['./product-list.component.scss'] }) export class ProductListComponent implements OnInit { products! : Product[]; constructor(private productService : ProductService) { } ngOnInit(): void { this.listProducts(); } listProducts(){ this.productService.getProductList().subscribe( data => { this.products = data; } ) } }

lista-de-productos.componente.html

 <p *ngFor="let tempProduct for products"> {{tempProduct.name}}: {{tempProduct.unitPrice | currency:'USD'}} </p>

Inicio.componente.html

 <div class="row"> <jhi-product-list> </jhi-product-list> </div>

Y gracias.