0
respostas

Error ao utilizar qualquer componente PrimeNg no Angular

Tô aprendendo Angular e não consigo utilizar qualquer componente do PrimeNG.

*Passos que eu fiz conforme documentação

npm install primeng --save
npm install primeicons --save

*Adicionei no arquivo angular.json

"styles": [
  "node_modules/primeng/resources/themes/saga-blue/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeicons/primeicons.css

*Apos isso peguei um componente html do PrimeNG

*<button pButton type="button" label="Click" ></button>

Fui da classe app.componente


import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import {ButtonModule} from 'primeng/button';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ButtonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

*Ao rodar o projeto recebo esse error:

Failed to compile.

node_modules/primeng/api/confirmationservice.d.ts:11:21 - error TS2694: Namespace '"/Users/daysonrodrigues/Documents/algamoney/algamoney-ui/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

11     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationService, never>;
                       ~~~~~~~~~~~~~~~~~~~~