node.js - 无法在 Tailwind 上扩展间距

Question

我正在尝试在 Tailwind 上扩展间距，但无法实现。我进行了研究并在 tailwind.config.js 中进行了更改，但是当我在 HTML 中使用该类时，它不存在。

PS:我明白没必要运行build

tailwind.config.js

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      spacing: {
        '1/3': '33,333333%',
        '2/3': '66,666667%'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

Answer 1

我刚刚检查了您的配置，它确实创建了所有类。问题是 33,333333% 和 66,666667% 不是有效的 CSS 值。

与西类牙语不同，您必须使用小数点，而不是逗号:

theme: {
  extend: {
    spacing: {
      '1/3': '33.333333%',
      '2/3': '66.666667%',
    },
  },
},

33,333333% 是一个无效的属性值:

33.333333% 工作正常:

Codesandbox link