Tailwind V3 导致 TypeError：无法读取未定义的属性“500”

Posted 2023-03-07

【中文标题】Tailwind V3 导致 TypeError：无法读取未定义的属性“500”

【英文标题】：Tailwind V3 causing TypeError: Cannot read property '500' of undefined

【发布时间】：2022-01-15 03:17:54

【问题描述】：

我最近尝试将我的项目升级到 tailwind css，但出现此错误

这是我的顺风配置

 module.exports = 
      mode: "jit",
      purge: ["./pages/**/*.js,ts,jsx,tsx", "./components/**/*.js,ts,jsx,tsx"],
      darkMode: "class", // or 'media' or 'class'
      theme: 
        extend: 
          colors: 
            secondaryDark: "#171A1A",
            primaryDark: "#090A0A",
            neonOrange: "#FF9933",
            redditRed: "#FF5700",
            cardGradientPrimary: "#ff930f",
            cardGradientSecondary: "#fff95b",
          ,
        ,
      ,
      variants: 
        extend: ,
      ,
      plugins: [require("@tailwindcss/forms")],
    ;

【问题讨论】：

不确定这是否能解决您的错误，但您应该先修改配置。不再需要mode: jit，使用content 代替purge，并将@tailwindcss/forms 更新为0.4.0 或更高版本。另外，删除.next 并尝试重建。

感谢这帮助我还必须更新顺风用户界面

更新顺风表格帮我

【参考方案1】：

升级到 tailwind v3 后我遇到了同样的问题，并通过将 @tailwindcss/forms 更新到 0.4.0 来修复它

【讨论】：

尝试使用以下命令添加 v0.4.0-alpha.2：npm install -D @tailwindcss/forms@next

它解决了就像一个魅力