某些 [字体大小] 类在 Tailwind 中不起作用答案

【问题标题】：Some [font-size] classes aren't working in Tailwind某些 [字体大小] 类在 Tailwind 中不起作用
【发布时间】：2022-12-29 03:48:57
【问题描述】：

我使用的是 tailwind v3.1.7，大多数课程似乎都运行良好。但是，某些字体大小类不起作用。例如： Here 在屏幕截图中，突出显示的 h3 元素有 3 个类：text-4xl text-primary-black2 font-bold。如图所示，最后 2 个类似乎工作正常，但字体大小不起作用。我试过用text-[36px]替换text-4xl，但还是不行。 click here to view

唯一有效的字体大小类是 text-base，如 this screenshot 所示。

我检查了拼写和其他内容，它们看起来都很好，我没有发现任何错误。我认为问题在于不知何故字体大小类没有与默认顺风类重叠。这是因为当我从 css 文件更改字体大小时，它发生了变化。甚至当我在同一个 h3 元素中添加 style="font-size: 36px;" 时，它也起作用了。

不知道如何解决这个问题。我真的需要尽快完成这个项目，所以感谢您的帮助！

【问题讨论】：

编译到 output.css 时是否清除未使用的类？
你怎么知道你是否正在清除未使用的类？但我只是在您发表评论后在 output.css 中添加了 text-4xl 类。它现在似乎正在工作。我只是不确定它是否是修复此错误的正确方法
Tailwind 3 与 Tailwind 2 不同，它将清除未使用的类。确保重新运行 npm 命令或重建 tailwind css 所需的任何命令。在 laravel 上，我使用 npm run production 或 npm run prod，您可能需要使用类似的命令，具体取决于您使用 tailwind 的方式。
谢谢凯文！看起来重建顺风解决了这个问题。感谢帮助！

标签： html css class tailwind-css

【解决方案1】：

我遇到了问题，我的内容有问题：[] tailwind.config.js 文件，组件文件夹路径之前设置错误，我更改了它的路径并且它起作用了。 Content属性主要负责编译项目文件的tailwind类确保您的内容值包含您要呈现的组件的正确路径 tailwindcss 类

错误路径：

content: ["./src/**/*.{html,js}", './components/**/*.jsx'

正确的道路：

content: ["./src/**/*.{html,js}", './src/components/**/*.jsx'

【讨论】：