question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Blank screen on build (vue-router not used in app)

See original GitHub issue

The app runs in dev mode using yarn electron:serve, and appears to build successfully using yarn electron:build, but running the built app results only in a blank screen. I have seen the issue here, but I believe it does not apply as my app does not use vue-router.

Running devtools in the production app does not provide a useful stack trace:

Uncaught SyntaxError: Strict mode code may not include a with statement
DevTools failed to load SourceMap: Could not load content for app://./js/chunk-vendors.7ded432d.js.map:

Vue devtools are not loaded in the production app (despite commenting out the if statement surrounding the await installExtension(VUEJS_DEVTOOLS) in the background.js.

Related dependency versions:

    "electron": "^9.0.0",
    "electron-devtools-installer": "^3.1.0",
    "vue-cli-plugin-electron-builder": "^2.0.0-rc.5",

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
nklaymancommented, Jan 4, 2021

@NickeManarin your app uses history mode, which is a separate issue from the one originally posted. See this section of the docs for how to fix your issue.

I am going to close this issue for now as no one has sent me an example repo that demonstrates the original error for this issue. Once I get an example repo, I will reopen this and look into it.

0reactions
NickeManarincommented, Dec 15, 2020

@nklayman I’m also facing the same issue.

The electron:serve command works fine, but electron:build does not. I’m generating a portable dist, not sure if it helps.

https://github.com/NickeManarin/Franchise-Map/tree/dev

Read more comments on GitHub >

github_iconTop Results From Across the Web

vue-router showing blank page when built - Stack Overflow
I use vuejs to make my application. Everything works perfectly. But I do the npm run build , I extract the dist folder...
Read more >
Changed history mode but Blank screen on electron build #1118
Blank screen when the application is build in windows platform although I changed the history mode as per the Instruction Given.
Read more >
Vue3 build is showing blank page - Get Help - Vue Forum
my vue3 build is showing blank page in my browser when i run it in my wamp server. I cant figure what did...
Read more >
Build and Deploy a Single Page App with Vue 3 + Vite and Pinia
The core concepts that will be covered are: creating a Vue 3 single page application using Vite; managing routes with Vue Router; managing ......
Read more >
Common Issues | Vue CLI Plugin Electron Builder
Easily Build Your Vue.js App For Desktop With Electron. ... Blank screen on builds, but works fine on serve ... If using Vue...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found