我有一個簡單的React組件來呈現(xiàn)這個:

<div className="container">
      <h1 className="p-10 underline mx-10 text-3xl">Hello</h1>
    </div>

這是它產(chǎn)生的結果。正如您所看到的，下劃線和text-3xl類可以工作，但是邊距和填充類不適用。

由于一些類的工作，我不認為配置是問題，但在這里(vite應用)

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
};

想通了:

出于某種原因，由于我在使用Vite，我需要安裝PostCSS。

添加了這個包，以及一個postcss文件，重啟應用程序，它工作了。

https://tailwindcss.com/docs/guides/vite