I am trying to use a component in a page. I have it divided like this. But im still getting the error. Im trying to use the "list-clientes-activos.component.ts" in "listado-clientes-activos.component.html" with the selector.

<div class="row">

    <div class="col m-2">
        <div class="card">
            <div class="card-header">
                Listado de Solicitudes Ingresadas
            </div>
            <div class="card-body">
              <app-list-clientes-activos></app-list-clientes-activos>
            </div>

        </div>
    </div>
</div>

Exportal a Excel

component.module.ts:

  import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ListClientesActivosComponent } from './listados/list-clientes-activos/list-clientes-activos.component';

@NgModule({
  declarations: [

ListClientesActivosComponent

  ],
  imports: [
    CommonModule
  ],
  exports: [ListClientesActivosComponent]
})
export class ComponentsModule { }

pages.module.ts:

import { NgModule } from '@angular/core';
import {  CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AppModule } from '../app.module';
import { ListadoClientesActivosComponent } from './listado-clientes-activos/listado-clientes-activos.component';
import { ComponentsModule } from '../components/components.module';
import { SharedModule } from '../shared/shared.module';
import { PagesComponent } from './pages.component';

@NgModule({
  declarations: [
    ListadoClientesActivosComponent,


  ],
  imports: [
    ComponentsModule,
    CommonModule,
    AppModule,
    SharedModule


  ],
  exports: [PagesComponent],
  providers: [
  ]
})
export class PagesModule {}