Every time I execute:
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
My output.css file is stripped of most Tailwind CSS styles, only leaving a few elements intact. You can see the result in this image:
https://i.sstatic.net/SXGhV.png
To get all the Tailwind CSS back into the output.css file, I have to use:
npx tailwindcss-cli@latest build ./src/input.css -o ./dist/output.css
as shown in this image:
https://i.sstatic.net/6Id8l.png
However, each time I run:
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
,
it once again erases the contents of the output.css file!
Even after clearing the NPM cache and reinstalling Tailwind CSS on a fresh project, the issue persists. As a beginner in backend programming, any assistance would be greatly appreciated!