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

Posted 2023-03-07

【中文标题】Tailwind CSS 样式未应用于 Vercel 上已部署的 NextJs 应用程序

【英文标题】：Tailwind CSS styles not applied on deployed NextJs app on Vercel

【发布时间】：2021-12-13 02:24:46

【问题描述】：

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

我的顺风配置：

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"),
  ],
;

【参考方案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"),
  ],
;

【讨论】：

我试过禁用它但还是一样