N
Nuxt19h ago
MrFox

Why is the nuxt dev server so slow?

Why is the nuxt dev server so SLOW
5 Replies
kapa.ai
kapa.ai19h ago
Hi @MrFox. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
MrFox
MrFoxOP19h ago
happened in v3 too
kapa.ai
kapa.ai19h ago
---------------------- Several factors can make the Nuxt dev server feel slow, and the docs/issues highlight a few common causes and mitigations: - Heavy CSS preprocessing or many style files can exceed Vite’s module-load timeout during HMR (seen with Sass/Bulma), causing timeouts and stalls. Workarounds include compiling Sass separately (e.g., a dedicated sass --watch) to avoid blocking Vite, though this may not help all setups (issue discussion).
("[v4]: Request timeout while loading module") - Nuxt 4 users have reported intermittent “Request timeout while loading module” across various libs (e.g., date-fns, @nuxt/ui), with slow startups and HMR. One workaround that noticeably improves responsiveness is disabling DevTools during development if it’s contributing overhead (devtools: { enabled: false }) (issue discussion).
("[v4]: Request timeout while loading module") - On Windows, HMR can be extremely slow due to filesystem and tooling constraints. The docs recommend using WSL (Ubuntu) to significantly improve reload times and avoid repeated restarts (installation prerequisites).
("Installation") - In development, Vite’s fine-grained module graph means many small requests; this is a known limitation and not a Nuxt bug. There isn’t a built-in “merge resources” switch—Vite team is working on optimizations for parallel asset downloads (issue response).
("How to merge resources in development environment") - Some slowdowns come from HMR invalidating large graphs (e.g., editing server code that exports to the client). Checking module links in Nuxt/Vue DevTools can explain why a change triggers broad reloads (related guidance).
("HMRedits restart whole app") Tips to try right away: - Temporarily disable DevTools to test impact (devtools: { enabled: false }) (issue discussion).
("[v4]: Request timeout while loading module") - If on Windows, use WSL for faster HMR (installation).
("Installation") - Offload expensive CSS preprocessing (e.g., Sass) to a separate build/watch process if applicable (issue discussion).
("[v4]: Request timeout while loading module") If you can share your setup (OS, CSS stack, modules, whether DevTools is on), I can point to the most likely bottleneck from these known cases. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai19h ago
<@702574561857896569> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
MrFox
MrFoxOP19h ago
I use Tailwind... I tried with Linux too, same problem

Did you find this page helpful?