导入PrimeNG的MultiSelectModule时出现multiselect.css 404加载失败问题

问题根因及排查方向 #

• 排查单独引用MultiSelect组件样式的冗余代码
  PrimeNG所有组件的样式已统一打包在primeng.min.css中，无需单独引入单个组件的css文件。请检查所有组件的@Component元数据的styleUrls数组、组件样式文件中的@import语句，是否存在类似@import 'primeng/multiselect/multiselect.css'的无效引用，这是触发404报错的核心原因。
• 修正angular.json样式配置位置
  你提到的angular.json样式配置不生效，大概率是将styles配置写在了test配置块下，而非projects -> 你的项目名 -> architect -> build -> options下的styles数组中，调整配置位置后重新启动服务即可生效，无需在main.ts中重复导入全局样式。
• 清理缓存重启服务
  按以下步骤操作排除缓存干扰：

1. 停止当前运行的ng serve进程
2. 删除项目根目录下的.angular/cache文件夹
3. 重新执行ng serve启动项目

• 排查第三方封装组件的硬编码逻辑
  如果项目中引入了第三方二次封装的PrimeNG组件库，需确认封装组件内部是否硬编码了单独引入multiselect.css的逻辑，修改对应逻辑即可解决问题。

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