Tailwind V3 causing TypeError: Cannot read property '500' of undefined

Question

我最近尝试将我的项目升级到 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")],
    };

Answer 1

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

修复了它

Answer 2

试试这个：

npm install -D @tailwindcss/forms@next

更新插件@tailwindcss/forms

Tailwind V3 causing TypeError: Cannot read property '500' of undefined

Tailwind V3 causing TypeError: Cannot read property '500' of undefined

javascript

reactjs

next.js

tailwind-css