升级NextJS 15.1.3后Tailwind CSS样式完全失效求助

针对你升级到NextJS 15.1.3后TailwindCSS完全失效的问题，结合你的配置文件，给出以下排查和修复步骤：

1. 修正Tailwind配置的Content扫描路径 #

你的项目使用了src/目录结构，但tailwind.config.js中的content路径未包含src前缀，导致Tailwind无法扫描到实际的组件文件，无法生成对应的样式类。修改后的配置如下：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/app/**/*.{js,ts,jsx,tsx}',
    './src/components/**/*.{js,ts,jsx,tsx}',
    './src/pages/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [require('daisyui')],
};

2. 验证依赖版本兼容性 #

NextJS 15要求TailwindCSS版本至少为3.4.x，确保你的依赖版本符合要求：

• 查看当前版本：npm list tailwindcss postcss autoprefixer
• 升级到最新兼容版本：

npm install tailwindcss@latest postcss@latest autoprefixer@latest

3. 清理缓存并重启开发服务器 #

缓存残留可能导致样式无法正常生成，执行以下操作：

rm -rf .next node_modules/.cache
npm run dev

4. 确认全局样式导入正确性 #

你的layout.tsx中已经正确导入了globals.css，这一步没问题，但可以再次确认文件路径是否完全匹配，避免拼写错误。

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