Next.js项目引入tailwind-merge后Tailwind样式失效问题求助
Next.js + Tailwind Spotify克隆:添加tailwind-merge后侧栏样式失效,移除依赖问题依旧
我正在跟着YouTube教程开发基于Next.js和Tailwind的Spotify克隆。之前样式都正常,自从加了tailwind-merge依赖后,侧边栏的Tailwind样式突然失效了。更奇怪的是,我把这个依赖删掉、重新安装所有包之后,问题还是没解决。
我对比了三种场景:
- 教程里的预期效果:侧边栏的背景色、内边距、文字样式都按Tailwind配置正常显示
- 当前项目的实际效果:侧边栏完全没有应用Tailwind样式,元素回到默认的原生样式
- 新建空白Next.js+Tailwind项目的正常效果:把相同的侧边栏代码复制过去,样式能正常渲染
相关配置文件
tailwind.config.ts
// 粘贴你的tailwind.config.ts代码内容
package.json
// 粘贴你的package.json代码内容
我试过清除Next.js缓存、重新构建项目,也检查了组件里的类名拼写和Tailwind的全局导入,都没找到问题。
内容的提问来源于stack exchange,提问作者Abdul Musavveer Alji
相关产品推荐
相关产品推荐

