无法在 Tailwind 上使用默认间距选项

Question

我刚刚在 Laravel 开始了一个新项目，但我在使用 Tailwind 时遇到了问题。我不能使用所有 margin 或 padding 间距选项，如 m-5、p-4 或 mb-4 等等......奇怪的是我可以使用 mt-5 但不能使用 m-5.

当我创建一个新项目时，它带有 Tailwind CSS。我还尝试使用 npm install -D tailwindcss@latest postcss@latest autoprefixer@latest 进行 npm 安装，但没有任何改变。

检查这张图片：screenshot。

我该如何解决这个问题？

Answer 1

我明白了。默认启用新的 JIT（准时制）功能。我删除了 tailwind.config.js 中的 mode: 'jit', 行并再次编译。问题解决了。

Answer 2

我不认为删除模式：'jit' 是个好主意。替代开发模式，您可以像这样将所有 class 列入白名单：

$ npm install dotenv --save

将此行和代码添加到您的 tailwind.config.js:

require('dotenv').config();

在 .env 中定义 PURGE 变量

safelist: process.env.PURGE === "development" ? [{ pattern: /.*/ }] : []

Can't Use Default Spacing Options on Tailwind