当 类 直接应用于 HTML 时,CSS 不起作用

CSS doesn't work when classes are applied directly in HTML

我是 运行 NX 工作区,其中有多个应用程序作为 monorepo。最近我安装了我安装了 "tailwindcss": "^3.0.2"。这是我的配置:

1. Package.json 具有开发依赖性

2。 tailwind.config.js 配置

面临的问题:

  1. 在 SCSS 文件中,我通过应用 tailwind 类 来使用按钮混合并重新使用我自己的自定义按钮 类(有效)

  2. Tailwind lib 类 直接应用在 HTML 文件中,例如:“container mx-auto”、“uppercase”(因为未应用样式所以不起作用)

我不确定为什么 tailwind 库 类 直接应用于 html 类 时不起作用,而通过 scss 文件应用时却起作用。有什么想法吗?

问题在于 Tailwind 无法找到的源文件(内容)的路径。您需要将 tailwind.config.js 中的 content 修改为以下内容:

content: [
    './apps/**/src/**/*.{html,ts}', 
    './libs/**/*.html'
],