Output.css keeps getting Omitted

Please i’ve been trying to deploy my static landing page which i built with tailwind.It deploys but it keeps omitting my dist folder which contains my output.css.And without the folder my page won’t have styling just scattered html…HELP PLEASE BECAUSE I HAVE BEEN ON DAYS ON THIS ISSUE, TRYING DIFFERENT THINGS BUT NO AVAIL… Here is my site: novalavarel.netlify.app

Hey @olamideakintayo

Can you share the repository you are deploying from?

This is it : GitHub - olamideakintayo/NovaLavarel: A cloned FrontEnd Nova Lavarel Page for my Project.

Thanks @olamideakintayo

I take it you are deploying the public directory. In this case dist is never deployed. So, looking at what you have, I suggest making the following changes.

Change the build command. Instead of

npx tailwindcss -i ./src/input.css -o ./dist/output.css --minify

try

npx tailwindcss -i ./src/input.css -o ./public/output.css --minify

This way, the output.css is in the same directory you are deploying.

Then change the <link> in index.html from

<link rel="stylesheet" href="../dist/output.css"/>

to

<link rel="stylesheet" href="./output.css"/>

to include the tailwind output.

2 Likes

Wowww!!! Thank you very much, It worked! I’m soo happy. Here is the link : https://novalavarel.netlify.app/

2 Likes