小编The*_*ion的帖子

Tailwind 不应用某些字体大小类别

所以我开始在我的 React 项目中使用 Tailwind 2.0,大多数事情似乎都工作正常。颜色、尺寸、弹性盒、网格等。到目前为止,这些实用程序没有问题。但由于某种原因,某些字体大小类别无法正常工作。例如,如果我使用text-lg,则会应用样式 ,如您在此处看到的那样

但是,如果我尝试比这更大的东西,比如text-2x1或更高的东西,那么该类就不会被应用。

我四处搜寻,但没有找到任何可以帮助我的东西。

我不知道这有帮助,但这是我的配置文件(即使在我对其进行任何更改之前它已经发生了):

module.exports = {
  purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        normal: "#A8A878",
        poison: "#A040A0",
        psychic: "#F85888",
        grass: "#78C850",
        ground: "#E0C068",
        ice: "#98D8D8",
        fire: "#F08030",
        rock: "#B8A038",
        dragon: "#7038F8",
        water: "#6890F0",
        bug: "#A8B820",
        dark: "#705848",
        fighting: "#C03028",
        ghost: "#705898",
        steel: "#B8B8D0",
        flying: "#A890F0",
        electric: "#F8D030",
        fairy: "#EE99AC",
        noType: "lightgray",
      },
    },
  },
  variants: {
    extend: {},
  }, …
Run Code Online (Sandbox Code Playgroud)

css reactjs tailwind-css

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

reactjs ×1

tailwind-css ×1