NextTS项目部分组件Tailwind样式不生效问题排查求助

问题详情 #

我给博客的面包屑做了按主题分类显示不同颜色的功能，同时支持明暗模式切换。已经在tailwind.config.ts里配置了自定义颜色，全局使用大部分场景都正常，但到了特定博客文章页面，只有少数颜色（比如蓝色、浅色模式下的红色）能生效，剩下的颜色明明在HTML源码里能看到对应的类名，但Tailwind根本没把它们编译成CSS，完全不起作用。

不同页面的表现 #

• 正常页面：明暗模式下面包屑颜色都符合预期
• 仅浅色模式正常：深色模式下对应分类的颜色不生效
• 完全失效页面：比如"UX Research"分类应该显示紫色，但不管明暗模式都没样式，News、Web Development这些分类也有同样问题

已经试过的解决办法 #

• 清理浏览器缓存
• 重装node_modules
• 删除.next文件夹后重启项目
• 反复核对自定义颜色的拼写，未发现错误

相关的配置代码和项目结构截图我都已准备好，需要的话可以提供进一步细节。

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