NextJS部署至Plesk后无法解析Tailwind CSS，本地正常求解决

1. 修正配置文件命名错误 #

你的配置文件存在拼写错误，导致Next.js和PostCSS无法识别：

• 将 tailwind.conf.js 重命名为 tailwind.config.js
• 将 next.conf.js 重命名为 next.config.js
• 将 postcss.conf.js 重命名为 postcss.config.js

2. 简化PostCSS配置 #

修改后的postcss.config.js无需手动指定Tailwind配置路径，默认会读取同目录下的tailwind.config.js：

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

3. 确认全局样式的导入逻辑 #

确保在app/globals.css（或你的全局样式文件）中正确写入Tailwind指令：

@tailwind base;
@tailwind components;
@tailwind utilities;

并在根布局文件（如app/layout.jsx）中导入该样式文件：

import './globals.css';

4. Node版本兼容性排查 #

Node 16.20.1满足Next.js 13+的最低版本要求（16.8.0），但建议升级到Node 18.x LTS版本以避免潜在兼容性问题。在Plesk的Node.js设置中即可切换版本。

5. Plesk部署配置检查 #

• 确认部署过程中执行了npm install和npm run build命令，确保依赖安装完整、构建产物生成正常。
• 在Plesk的Node.js应用设置中，验证应用启动文件是否正确（Next.js 13+通常直接使用npm start即可）。
• 确认部署目录指向Next.js的/.next构建目录，而非源码目录。

6. 清除缓存重新构建 #

• 本地删除node_modules、.next、package-lock.json文件，重新执行npm install && npm run build后再部署。
• 在Plesk中清除应用缓存并重启应用。

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