Tailwind CSS is not working after deploying when it works okk locally

here’s my website’s URL: https://devartverse.netlify.app/

please help me out to resolve this issue!

@mzaidturabi It’s possible that you are running only your development server locally.

You should try running the same build command locally that you are running on Netlify, then serve the output with npx servehttps://www.npmjs.com/package/serve.

It’s highly likely you will see the same thing, and find that the issue is caused by some difference between how your project runs between the two modes.

In which case you should check any applicable configuration files for your project.

after npx serve command there is a same look like netlify deployment what do i do now

I use npm run dav command to see the preview locally and it works nicely but after your guidance i used npx serve command and I think im making some problems in my config files…!!

my package.json file’s code:

“name”: “dav-main-project”,
“version”: “1.0.0”,
“description”: “”,
“main”: “script.js”,
“scripts”: {
“dav”: “vite”
“keywords”: ,
“author”: “”,
“license”: “ISC”,
“devDependencies”: {
“autoprefixer”: “^10.4.18”,
“postcss”: “^8.4.36”,
“tailwindcss”: “^3.4.1”,
“vite”: “^5.1.6”

my config.tailwind.js file’s code:

/** @type {import(‘tailwindcss’).Config} /
module.exports = {
content: ["
theme: {

extend: {

plugins: ,

@mzaidturabi I can’t advise on specifics, but you could try looking at setup tutorials and seeing what is different about your configuration, e.g.

1 Like

I think I made a mistake because I’m working on html not with react or jsx and i created a local server and etc… now I decided to work with CLI method of tailwind in which no local server will needed, I’ve deleted all the node directories and tailwind files which i imported via post CSS method! and yes ill be very happy if you guide me further if I’m doing something wrong again…:blush:

Congratulations the CLI method works ok now take a look to my website: https://devartverse.netlify.app