Projeto angular não reconhece as classe e estilos do primeNG

Front-end
, ,
#1

bom dia pessoal, acabei de criar um novo projeto angular e quero começar a trabalhar com primeNG nele, no entanto minha pagina HTML não esta reconhecendo os meus estilos e classe do primeng, estou seguindo a documentacao na pagina

https://primefaces.org/primeng/showcase/#/setup
minhas versoes
Package Version

@angular-devkit/architect 0.1000.5
@angular-devkit/build-angular 0.1000.5
@angular-devkit/build-optimizer 0.1000.5
@angular-devkit/build-webpack 0.1000.5
@angular-devkit/core 10.0.5
@angular-devkit/schematics 10.0.5
@angular/cli 10.0.5
@ngtools/webpack 10.0.5
@schematics/angular 10.0.5
@schematics/update 0.1000.5
rxjs 6.5.5
typescript 3.9.7
webpack 4.43.0

HTML

<div class="ui-g">

  <div class="ui-g-12">

    <h1>Lançamentos</h1>

  </div>

  <div class="ui-g-12 ui-fluid">

    <label>Descrição</label>

    <input pInputText type="text">

  </div>

</div>

AppComponent

import { Component } from '@angular/core';

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css'],

})

export class AppComponent {

}

App Modules

import { ButtonModule } from 'primeng/button';

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

import { NgModule } from '@angular/core';

import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';

import { InputTextModule } from 'primeng/inputtext';

@NgModule({

  declarations: [AppComponent],

  imports: [BrowserModule, FormsModule, InputTextModule, ButtonModule],

  providers: [],

  bootstrap: [AppComponent],

})

export class AppModule {}

angular. json

“styles”: [

          "node_modules/primeng/resources/themes/saga-blue/theme.css",

          "node_modules/primeng/resources/primeng.min.css",

          "node_modules/primeicons/primeicons.css",

          "src/styles.css"

        ],

resultado

Screenshot_4
Screenshot_4.png798×301 7.26 KB

#2

Estou com o mesmo problema, inicialmente adicionei um css normal no componente “input{width: 100%;}” pra poder funcionar, mas ainda não descobri pq o “ui-fluid” não está funcionando, vc conseguiu achar alguma outra correção? abraço.

#3

Aparece alguma mensagem de erro no log ? Acabei de iniciar um novo projeto configurando conforme orientado na documentação e consegui utilizar os componentes normalmente com diferentes temas. Se for possível compartilhe o link do repositório.