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

【问题标题】：Tailwind V3 causing TypeError: Cannot read property '500' of undefinedTailwind V3 导致 TypeError：无法读取未定义的属性“500”
【发布时间】：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 并尝试重建。
感谢这帮助我还必须更新顺风用户界面
更新顺风表格帮我

标签： javascript reactjs next.js tailwind-css

【解决方案1】：

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

【讨论】：

尝试使用以下命令添加 v0.4.0-alpha.2：npm install -D @tailwindcss/forms@next
它解决了就像一个魅力