xxxxxxxxxx
plugins: [react()],
css: {
postcss: {
plugins: [tailwindcss()],
},
}
})```
xxxxxxxxxx
@tailwind base;
@tailwind components;
@tailwind utilities;
replace with
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
xxxxxxxxxx
To fix this, you will have to write the class names in your output.css in the end
/**
* PurgeCSS:
* text-red-500
* text-green-500
* text-yellow-500
* text-gray-500
* text-purple-500
* text-indigo-500
* text-blue-500
* text-pink-500
*
*/