I have been using Tailwind for the css in my Flask app. Everything was working fine until recently when I started experiencing issues with Tailwind. Usually, when I run a tailwind build script for my app, it updates the css if there are any changes in the target files.
However, now when I execute the script, Tailwind just displays 'Rebuilding...' without showing the 'Done' message, causing the rebuild process to never stop.
(venv) danish@Danishs-MacBook-Air portfolio-website % npm run tailwind
> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="30405f4244565f5c595f1d4755524359445570011e001e00">[email protected]</a> tailwind
> npx tailwindcss -i ./static/src/input.css -o ./static/css/main.css --watch
Rebuilding...
How can I resolve this issue?
Edit: This problem started happening around the same time I began another flask project that also uses Tailwind. Strangely, Tailwind works perfectly on the other app even though the installation process and file structure are identical. Could this be related?
@Erik-Jan
Here's the contents of my package.json:
{
"name": "portfolio-website",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"tailwind": "npx tailwindcss -i ./static/src/input.css -o ./static/css/main.css --minify"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"tailwindcss": "^3.4.1"
}
}