Node/Nuxt.js - Revision history

Tacoball: /* Trouble Shooting */

2026-09-09T06:28:53Z

Trouble Shooting

← Older revision		Revision as of 06:28, 9 September 2026
Line 17:		Line 17:

	You should move the project to the WSL internal filesystem and use the VSCode WSL extension to develop instead.		You should move the project to the WSL internal filesystem and use the VSCode WSL extension to develop instead.

			* Move repo into WSL native filesystem.
			* Install WSL extension on VSCode of host.
			* Add WSL repo directory into workspace.

	<syntaxhighlight lang="powershell">		<syntaxhighlight lang="powershell">

2026-09-09T06:21:17Z

← Older revision		Revision as of 06:21, 9 September 2026
Line 1:		Line 1:
			= Operation =

			== Quick Start ==

	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	npm create nuxt@latest test-nuxt		npm create nuxt@latest test-nuxt
Line 5:		Line 9:
	pnpm dev		pnpm dev
	</syntaxhighlight>		</syntaxhighlight>


	= Trouble Shooting =		= Trouble Shooting =

2026-09-09T06:19:15Z

Slow in WSL

← Older revision		Revision as of 06:19, 9 September 2026
Line 11:		Line 11:
	== Slow in WSL ==		== Slow in WSL ==

	Accessing the Windows host’s folders from WSL causes a lot of I/O overhead, which makes Node builds take way too long. You should move the project to the WSL internal filesystem and use the VSCode WSL extension to develop instead.		Accessing the Windows host’s folders from WSL causes a lot of I/O overhead, which makes Node builds take way too long.

			You should move the project to the WSL internal filesystem and use the VSCode WSL extension to develop instead.

	<syntaxhighlight lang="powershell">		<syntaxhighlight lang="powershell">

2026-09-09T06:19:00Z

Slow in WSL

← Older revision		Revision as of 06:19, 9 September 2026
Line 10:		Line 10:

	== Slow in WSL ==		== Slow in WSL ==

			Accessing the Windows host’s folders from WSL causes a lot of I/O overhead, which makes Node builds take way too long. You should move the project to the WSL internal filesystem and use the VSCode WSL extension to develop instead.

	<syntaxhighlight lang="powershell">		<syntaxhighlight lang="powershell">

2026-09-09T06:15:26Z

Slow in WSL

← Older revision		Revision as of 06:15, 9 September 2026
Line 12:		Line 12:

	<syntaxhighlight lang="powershell">		<syntaxhighlight lang="powershell">
			$ nuxt dev
			│ 2:14:45 PM
			● Nuxt 4.5.2 (with Nitro 2.13.4, Vite 8.2.2 and Vue 3.5.42)
			2:14:45 PM
			➜ Local: http://localhost:3000/
			➜ Network: use --host to expose

			➜ DevTools: press Shift + Alt + D in the browser (v3.4.2) 2:14:58 PM


			WARN [NUXT_B8014] Module @nuxt/devtools was slow to set up, taking 7352.2ms. 2:14:58 PM
			╰▶ fix: Defer expensive operations to a later hook (e.g. build:before) to reduce startup time.
	</syntaxhighlight>		</syntaxhighlight>

2026-09-09T06:14:00Z

← Older revision		Revision as of 06:14, 9 September 2026
Line 6:		Line 6:
	</syntaxhighlight>		</syntaxhighlight>

	Cannot access WSL Ubuntu
			= Trouble Shooting =

			== Slow in WSL ==

			<syntaxhighlight lang="powershell">

			</syntaxhighlight>

			== Cannot access WSL Ubuntu ==

	<syntaxhighlight lang="powershell">		<syntaxhighlight lang="powershell">
	New-NetFirewallRule -DisplayName "Nuxt WSL Port 3000" -Direction Inbound -LocalPort 3000 -Protocol TCP -Action Allow		New-NetFirewallRule -DisplayName "Nuxt WSL Port 3000" -Direction Inbound -LocalPort 3000 -Protocol TCP -Action Allow
	</syntaxhighlight>		</syntaxhighlight>

2026-09-09T04:38:30Z

← Older revision		Revision as of 04:38, 9 September 2026
Line 4:		Line 4:
	pnpm approve-builds		pnpm approve-builds
	pnpm dev		pnpm dev
			</syntaxhighlight>

			Cannot access WSL Ubuntu

			<syntaxhighlight lang="powershell">
			New-NetFirewallRule -DisplayName "Nuxt WSL Port 3000" -Direction Inbound -LocalPort 3000 -Protocol TCP -Action Allow
	</syntaxhighlight>		</syntaxhighlight>

2026-09-09T04:31:31Z

2026-09-09T04:26:42Z

← Older revision		Revision as of 04:26, 9 September 2026
Line 1:		Line 1:
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	npm create nuxt@latest test-nuxt		npm create nuxt@latest test-nuxt
			cd test-nuxt
			pnpm approve-builds
	</syntaxhighlight>		</syntaxhighlight>

2026-09-09T03:53:56Z

Created page with "<syntaxhighlight lang="bash"> npm create nuxt@latest test-nuxt </syntaxhighlight>"

New page

<syntaxhighlight lang="bash">
npm create nuxt@latest test-nuxt
</syntaxhighlight>