Electron with Nuxt v4 - Wasted all day

Original message was deleted

kapa.ai•9/8/25, 2:08 AM

Hi @Creepio. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

kapa.ai•9/8/25, 2:08 AM

----------------------
I'm sorry to hear about your frustration getting Electron working with Nuxt 4 in development mode. Based on the knowledge sources provided, here are some key points and suggestions that may help clarify the situation:

**Electron + Nuxt Dev Mode Issues** It's not uncommon to encounter issues with hot reload or the Nuxt welcome screen not appearing when running `pnpm dev` in an Electron context. Several users have reported similar problems, especially with blank screens or empty HTML structures when using Nuxt 3 or 4 with Electron. This is often related to routing, base URLs, or how the dev server is accessed by Electron.
**Hash Mode and Base URL** For Electron, it's recommended to use `hashMode` in the router and set the `baseURL` to `'./'` in your Nuxt config. This helps ensure that navigation works correctly in the packaged app and that resources are loaded from the correct paths. Example config:

   export default defineNuxtConfig({
     ssr: false,
     router: {
       options: {
         hashMode: true
       }
     },
     app: {
       baseURL: './',
     },
     // ...other config
   })

   export default defineNuxtConfig({
     ssr: false,
     router: {
       options: {
         hashMode: true
       }
     },
     app: {
       baseURL: './',
     },
     // ...other config
   })

Page navigation with Nuxt3/Electron not working

kapa.ai•9/8/25, 2:08 AM

**Known Issues with Nuxt Dev in Electron** There are reports that `pnpm dev` (or `nuxt dev`) may not work as expected in Electron, resulting in a blank page or empty HTML. This is a known pain point, and some users have found that while production builds (`nuxt build` and then running the packaged app) work fine, development mode does not reliably show the Nuxt welcome screen or support hot reload. In some cases, downgrading Nuxt (e.g., from 3.8 to 3.7) helped, but this is not a guaranteed solution for Nuxt 4 [I'm using Nuxt 3 with Electron JS but why does building an app result in a white screen on startup?](<https://stackoverflow.com/questions/77567163>).
**Vite and CORS/Allowed Hosts** If you are running the dev server and accessing it from Electron, you may need to adjust Vite's `server.allowedHosts` and CORS settings to allow connections from Electron. This is especially relevant if you see errors about not being able to fetch resources or connect to the dev server. Example:

   vite: {
     server: {
       allowedHosts: true,
       cors: { origin: '*' }
     }
   }

   vite: {
     server: {
       allowedHosts: true,
       cors: { origin: '*' }
     }
   }

Nuxt 4 Capacitor not working

Community and Further Help
If you continue to struggle, consider reaching out to the Nuxt community on Discord or opening a GitHub Discussion. Sharing a minimal reproduction (e.g., a public repo) will help others diagnose your specific setup and issues more effectively Getting Help.

kapa.ai•9/8/25, 2:08 AM

Summary:
Unfortunately, the knowledge sources confirm that running Nuxt 4 in dev mode with Electron is a known challenge, and there is no official, universally working solution documented yet. Production builds work, but hot reload and the dev welcome screen may not. Double-check your router and baseURL settings, and try adjusting Vite's dev server config. If you still can't get it working, sharing your setup with the community is the best next step.

If you have a minimal reproduction, please share it—others may be able to spot a subtle config issue or provide a workaround.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

kapa.ai•9/8/25, 2:08 AM

@111689857503375360 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

flapili•9/8/25, 6:48 AM

Take a look at tauri

flapili•9/8/25, 6:48 AM

1000x better than electron

Original message was deleted

khazix•9/8/25, 10:54 AM

no you are the real reason why it didn't work

flapili•9/8/25, 3:11 PM

bruh

flapili•9/8/25, 3:12 PM

sound like a skill issue ...

flapili•9/8/25, 3:12 PM

if nothing work I would asking myself why

flapili•9/8/25, 3:12 PM

instead of blaming everything else

flapili•9/8/25, 3:13 PM

wont be that guy but you can't except help by shitting on the whole ecosystem without even providing any code, come back with proper repro and we will be able to help

flapili•9/8/25, 3:15 PM

as you want but

judging a technology because you got roasted by a random that said to stop pleading
you should stop vide coding
take a breath
feel free to give a try to another tech but don't even try to make me feel bad or do kind of emotional blackmail like "I'll leave bouhouhou you are bad person"

flapili•9/8/25, 3:18 PM

(does a mod cleaned the thread or he rage quitted iteself?)

Fflapili (does a mod cleaned the thread or he rage quitted iteself?)

khazix•9/8/25, 4:27 PM

he probably rage quit

flapili•9/8/25, 4:28 PM

I loved the rage quit blackmail part x)

n4an•9/8/25, 8:03 PM

https://discord.com/channels/473401852243869706/473406506579263488/1414695559297630321

say thank you for loosing the day and not losing your cryptocurrency wallet

flapili•9/8/25, 8:06 PM

Electron with Nuxt v4 - Wasted all day

Similar Threads

Similar Threads

Similar Threads