Every component don't work

[pigisfre]

Describe the bug

For every component of prime ng I get this error.
`Error: src/app/dashboard/vehicle/vehicle/vehicle.component.html:4:5 - error NG8001: 'p-button' is not a known element:

1. If 'p-button' is an Angular component, then verify that it is part of this module.
2. If 'p-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

4
~~~~~~~~~~~~~~~~~~~~~~~~

src/app/dashboard/vehicle/vehicle/vehicle.component.ts:9:16
9 templateUrl: './vehicle.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component VehicleComponent.

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/
**

× Failed to compile.`

I am using the latest version of angular and prime ng.

Environment

Windows 10, Visual studio.

Reproducer

No response

Angular version

16.1.7

PrimeNG version

16.1.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

9.6.7

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[SoyDiego]

You need to add the Module that integrate the component that you want to use.
In your error message you need to add ButtonModule

[pigisfre]

@SoyDiego I inserted the ButtonModule but it still doesn't work

[SoyDiego]

@SoyDiego I inserted the ButtonModule but it still doesn't work

Share a stackblitz, like this is impossible help you.
And it's not problem of PrimeNG, PrimeNG works ok, you are not importing the modules in the correct way

[pigisfre]

`import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { VehicleComponent } from './vehicle/vehicle.component';
import { VehicleRoutingModule } from './vehicle-routing.module';
import { TableModule } from 'primeng/table';
import { ButtonModule } from 'primeng/button';

@NgModule({
declarations: [
VehicleComponent
],
imports: [
CommonModule,
VehicleRoutingModule,
TableModule,
ButtonModule

],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class VehicleModule { }
`

[pigisfre]

`import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { VehicleComponent } from './vehicle/vehicle.component';

const routes: Routes = [
{path : '', redirectTo: 'dashboard/vehicle/', pathMatch: 'full'},
{path : '', component: VehicleComponent}
];

@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class VehicleRoutingModule { }
`

[pigisfre]

This is vehicle.component.html belongs to vehicle.module
<p-button label="Check"></p-button>