You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PrimeNG v19样式引用问题:angular.json中找不到resource文件夹

PrimeNG v19 样式文件路径变更说明及配置方法

PrimeNG v19确实对样式文件的目录结构做了变更,旧版的resource文件夹已经被移除,样式文件的存放路径和引入方式都有调整。

  • 主基础样式的正确路径
    现在主样式文件primeng.css(推荐用压缩版primeng.min.css)位于node_modules/primeng/resources/目录下,你需要把angular.json里的styles配置修改为:

    "styles": [
      "node_modules/primeng/resources/primeng.min.css"
    ]
    
  • 主题样式的引入方式
    如果需要使用PrimeNG的预设主题(比如lara系列),主题文件现在存放在node_modules/primeng/resources/themes/目录下,配置时需要先引入主题样式,再引入基础样式:

    "styles": [
      "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
      "node_modules/primeng/resources/primeng.min.css"
    ]
    
  • 额外提示

    • 注意路径是复数形式的resources,而非旧版的单数resource
    • 若官方文档未及时更新,直接查看本地node_modules/primeng的目录结构就能快速确认文件位置
    • 优先使用带.min后缀的压缩样式文件,能提升页面加载性能

内容的提问来源于stack exchange,提问作者Gustavo Pilar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 20:45:56