Зачем Tailwind CSS не работает в проекте Vite+React ⇐ CSS

[Anonymous]

Я создал приложение React с помощью Vite и использовал предоставленную здесь документацию для установки Tailwind: Руководство по установке Tailwind CSS.
однако в моем приложении реакции Tailwind CSS все еще не работает. >
tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],

}

postcss.config.js
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

vite.config.js
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
})

package.json
"devDependencies": {
"@types/react": "^18.2.14",
"@types/react-dom": "^18.2.6",
"@vitejs/plugin-react": "^4.0.1",
"autoprefixer": "^10.4.14",
"eslint": "^8.44.0",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.1",
"postcss": "^8.4.26",
"tailwindcss": "^3.3.3",
"vite": "^4.4.0"
}

index.css
@tailwind base;
@tailwind components;
@tailwind utilities;

но все равно не показывать этот дизайн
App.jsx
function App() {

return (

React App
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, quasi.

)
}

export default App


Подробнее здесь: https://stackoverflow.com/questions/766 ... ct-project