Tailwind CSS 样式未应用于 Vercel 上已部署的 NextJs 应用程序

【问题标题】：Tailwind CSS styles not applied on deployed NextJs app on VercelTailwind CSS 样式未应用于 Vercel 上已部署的 NextJs 应用程序
【发布时间】：2023-03-12 20:42:01
【问题描述】：

所有顺风样式在部署版本上都被破坏了本地主机部署版本

我的顺风配置：

module.exports = {
  mode: "jit",
  purge: [
    "./pages/**/*.{js, ts, jsx, tsx}",
    "./components/**/*.{js,ts,jsx,tsx}"
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("tailwind-scrollbar"),
    require("tailwind-scrollbar-hide"),
  ],
};

【问题讨论】：

标签： deployment next.js tailwind-css vercel

【解决方案1】：

尝试禁用 JIT 模式。不确定如何将类添加到标签，但如果它的动态 JIT 不能正常工作。我在最近的开发过程中遇到了类似的问题。

module.exports = {
  purge: [
    "./pages/**/*.{js, ts, jsx, tsx}",
    "./components/**/*.{js,ts,jsx,tsx}"
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("tailwind-scrollbar"),
    require("tailwind-scrollbar-hide"),
  ],
};

【讨论】：

我试过禁用它但还是一样