[v3] debugging tailwind build with quasar & vite

[casesolved-co-uk]

I've been hitting my head against a brick wall for a few days now and cannot for the life of me figure out what is going wrong.

I have the build to the point where tailwind almost works (I can see parameters like --tw-ring-color in the browser) but there are no utility classes. It is like the tailwind.config.js content section is empty, but it is not.

So I was hoping someone would be able to tell me how to enable debug output for the build. Currently I have "build": "export DEBUG=vite:* && quasar build", in my package.json which outputs vite stuff, but I was also expecting it to output tailwind stuff because it appears to look for DEBUG truthy, but no joy.

So perhaps I need to pass an option to postcss or something?

tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
	presets: [],
	content: [
		'./index.html',
		'./src/**/*.{vue,js,ts,jsx,tsx}',
		'./node_modules/html5-qrcode/src/**/*.{vue,js,ts,jsx,tsx}',
	],
	safelist: [
		{
			pattern: /.*/, // <- wildcard, match EVERYTHING
		},
	],
	theme: {
		extend: {
			fontFamily: {
				sans: [
					'"Inter Variable"',
					'"Inter"',
					'ui-sans-serif',
					'system-ui',
					'sans-serif',
					'"Apple Color Emoji"',
					'"Segoe UI Emoji"',
					'"Segoe UI Symbol"',
					'"Noto Color Emoji"',
				],
			},
		},
	},
	plugins: [],
}

[wongjn]

You can try DEBUG=*.

With regards to your issue, try removing the empty presets: [] member:

 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  presets: [],
   content: [

As per the documentation:

If you’d like to completely disable the default configuration and start with no base configuration at all, set presets to an empty array:

[…]

This will completely disable all of Tailwind’s defaults, so no colors, font families, font sizes, spacing values, etc. will be generated at all.

[casesolved-co-uk]

Thanks @wongjn, you are a life-saver!
Also had to remove the safelist completely. I ported the app from another framework with presets but didn't know tailwind used the empty objects to mean something.