Angular 16中PrimeNG按钮未正常解析，求正确配置方案

你的按钮未生成预期的内部结构和样式类，说明PrimeNG的Button组件指令未被正确初始化，需要完成以下配置：

• 安装必要依赖
  确保项目中已安装PrimeNG、PrimeIcons和Angular CDK（PrimeNG 16依赖CDK），执行命令：

  npm install primeng primeicons @angular/cdk
  

• 导入Button模块
  在使用该按钮的组件所属的NgModule（如AppModule或功能模块）中导入ButtonModule，示例：

  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { ButtonModule } from 'primeng/button';
  import { YourComponent } from './your-component.component';
  
  @NgModule({
    declarations: [YourComponent],
    imports: [BrowserModule, ButtonModule]
  })
  export class YourModule { }
  

• 引入全局样式
  在angular.json的styles数组中添加PrimeNG的主题样式、核心样式和PrimeIcons样式：

  "styles": [
    "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
    "node_modules/primeng/resources/primeng.min.css",
    "node_modules/primeicons/primeicons.css",
    "src/styles.css"
  ]
  

完成以上配置后重启项目，PrimeNG按钮会自动生成预期的内部DOM结构和样式类，实现和CodeSandbox中一致的渲染效果。

内容的提问来源于stack exchange，提问作者david weng