I've encountered an issue with my website where it works fine on local hosts but when deployed on Vercel, the output.css file is empty.
Here is a snippet from my package.json file:
{
"devDependencies": {
"tailwindcss": "^3.1.8"
},
"scripts":{
"build":"npx tailwindcss -i ./src/input.css -o ./dist/output.css "
},
"dependencies": {
"animate.css": "^4.1.1",
"postcss": "^8.4.16",
"postcss-cli": "^10.0.0"
}
}
And here is my tailwind.config file:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{html,js}","./public/*.html"],
theme: {
extend: {},
},
plugins: [],
}
Any assistance would be greatly appreciated!