Next.js 14 + Tailwind CSS 4.1.8环境下DaisyUI无法正常工作的问题排查求助

大家好，我目前在使用Next.js 14搭配Tailwind CSS 4.1.8开发项目，遇到了DaisyUI完全不生效的问题，想请各位帮忙排查下哪里出了问题。

情况是这样的：项目初始化后没有自动生成tailwind.config.ts文件，我就手动创建了它。全局样式文件global.css里只写了这一行：

@import "tailwindcss";

目前Tailwind的工具类样式都能正常工作，但DaisyUI的组件和主题样式完全没被应用。下面是我package.json里和Tailwind、DaisyUI相关的依赖：

{
  "devDependencies": {
    "daisyui": "^5.0.43",
    "tailwindcss": "^4.1.8",
    "@tailwindcss/postcss": "^4",
    "autoprefixer": "^10.4.21"
  }
}

我已经做了这些操作：

• 手动创建了tailwind.config.ts，并且在plugins数组里添加了DaisyUI
• 通过npm安装了DaisyUI，也确认它已经出现在package.json的依赖列表中
• Tailwind的工具类样式能正常渲染

但问题依然存在：

• DaisyUI的组件（比如btn、alert、card等）和主题样式完全不生效

我期望的效果是：DaisyUI的组件和样式能和Tailwind正常配合工作，实现预期的UI效果。

有没有朋友遇到过类似的问题？或者能帮我指出我可能遗漏的配置步骤吗？

内容来源于stack exchange