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

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.20 06:52:03