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
相关产品推荐
相关产品推荐

