TailwindCSS not working in TypeScript even I already imported

gomij

import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import './index.css'
import { BrowserRouter } from 'react-router-dom'

ReactDOM.createRoot(document.getElementById('root')!).render(
    
      
    
)

I had already installed tailwind CSS in the app and put tsx from the settings but even I imported it still does not work with any classes. I checked clearly that I already imported the required classes so I got stuck. May I ask how to change the settings to have the app working with the classes in tailwind CSS?

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Abhishek Yadav2y ago

Accepted answer

module.exports = {
  ...
  content: [
    "./pages/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
    "./index.html"(or "./public/index.html")
  ],
  ...
}