csstailwind-csstailwind-css-3

The "content" options in your Tailwind CSS configration is missing or empty

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:

warn - The `content` options in your Tailwind CSS configration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing style.
warn - https://v3.tailwindcss.com/docs/content-configuration

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?

Solution

  • 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