CODEWITHSUNDEEP
csstailwind-csstailwind-in-jstailwind-uitailwind-3
Raihan_Alam
Raihan_Alam

Reputation: 149

tailwind css showing warnings about generated css file missing styles

This is my first time installing and running tailwind CSS. I follow the instructions and did everything accordingly but then it started showing some warnings like below

enter image description here

Can you tell me why I am getting these warnings and anyway for me to fix them? As I am worried that my generated CSS will be missing styles So help is needed to fix it

Also, can I keep the tailwind CSS in watch mode? Please give me the command line or video or explain to me the way to fix it? Thank you in advance!

Upvotes: 6

Views: 14124

Answers (5)

AFROUNE MOHAMED ADAM
AFROUNE MOHAMED ADAM

Reputation: 1

what i did personnally , i deleted the tailwind.config.js, and opened the terminal and paste these two lines:

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

problem resolved

Upvotes: 0

dhruv Rathod
dhruv Rathod

Reputation: 26

If anyone ever encounters this error, I realized that I had both a tailwind.config.js and tailwind.config.ts in my repository at root level (I had forgotten to delete tailwind.config.js).

Deleting the redundant tailwind.config.js fixed it.

Upvotes: 1

Lojith Vinsuka
Lojith Vinsuka

Reputation: 1049

enter image description here

Make sure you don't have repeated properties in your Tailwind config file. After upgrading from v2 to v3, Accidently I had put two content properties. Other than that make sure you have done migration properly.

framework guide: https://tailwindcss.com/docs/installation/framework-guides

upgrade guide: https://tailwindcss.com/docs/upgrade-guide

Upvotes: 1

Mohammad Heidari
Mohammad Heidari

Reputation: 21

This warning occurred because you did not use any of the tailwind classes, causing tailwind to suspect that the project config was not implemented correctly.

https://tailwindcss.com/docs/installation

Upvotes: 1

Maik Lowrey
Maik Lowrey

Reputation: 17586

It's look like you dont have the tailwind config file. Take a look in your root folder if you have. If not you can create one by this command: npx tailwindcss init

Then the tailwind cli will create the tailwind.config.js file. It looks like:

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

https://tailwindcss.com/docs/installation

Upvotes: 0

Related Questions