Hi everyone,
I’m having an issue where my Next.js + Tailwind project renders CSS fine locally, but when I deploy to Vercel, the styles are missing.
Here’s what I’ve tried / observed:
- Framework: ts-nextjs-tailwind-starter
- Repo: my project
- Local dev (
pnpm dev) → works fine, CSS loads correctly. - On Vercel build logs:
- It compiles successfully (
✓ Compiled successfully in 5.0s) - But I get warnings:
Ignored build scripts: @tailwindcss/oxide, sharp, unrs-resolver. Run "pnpm approve-builds" to pick which dependencies should be allowed to run scripts.
- It compiles successfully (
- I tried:
- Running
pnpm approve-buildslocally (but it says no packages awaiting approval). - Switching package managers (npm, yarn).
- Editing
pnpm-lock.yamlto manually allowbuildScriptsfor@tailwindcss/oxide,sharp, andunrs-resolver. - Deleting husky (was part of the starter template).
- Running
- Still, the deployed site has no Tailwind styles.
System info: - OS: Arch Linux
- pnpm: v10.14.0 (used on Vercel too)
- Next.js: v15.5.2
- TailwindCSS: latest (via starter template)
Has anyone run into this issue with pnpm build script approvals on Vercel?
Do I need to configurevercel.json,postinstall, or something inpnpm-workspace.yamlfor Tailwind’soxidebinary to run?
Any help would be much appreciated