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.

A blank page either electron packager or builder

See original GitHub issue
Describe the issue / bug.

# npm run dev is OK. However, when release the app using packager or builder, none of those work. Only a blank page obtained. I checked the router mode, npm version or nodejs version, also the npm pack output is normal. The environment is windows. There are no errors showed when builder. I put the output of terminal when buld and pack as follows.

How can I reproduce this problem?

# { test2 } » npm run build /d/test2 127

test2@0.0.0 build D:\test2 node .electron-vue/build.js && build

lets-build

√ building main process √ building renderer process

Hash: 805fe29aae4a7db20829 Version: webpack 2.6.1 Time: 1656ms Asset Size Chunks Chunk Names main.js 1.06 kB 0 [emitted] main

Hash: 893c91ac3bb246cfb611 Version: webpack 2.6.1 Time: 8747ms Asset Size Chunks Chunk Names imgs/logo.png 61.9 kB [emitted] renderer.js 96.7 kB 0 [emitted] renderer styles.css 1.25 kB 0 [emitted] renderer index.html 324 bytes [emitted] Child html-webpack-plugin for “index.html”: Asset Size Chunks Chunk Names index.html 567 kB 0

OKAY take it away electron-builder

electron-builder 18.3.5 No native production dependencies Packaging for win32 x64 using electron 1.7.2 to build\win-unpacked Building NSIS installer Packaging NSIS installer for arch x64 { test2 } »

If visual, provide a screenshot.

#{ test2 } » npm run pack:renderer /d/test2

test2@0.0.0 pack:renderer D:\test2 cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js

Hash: 893c91ac3bb246cfb611 Version: webpack 2.6.1 Time: 8363ms Asset Size Chunks Chunk Names imgs/logo.png 61.9 kB [emitted] renderer.js 96.7 kB 0 [emitted] renderer styles.css 1.25 kB 0 [emitted] renderer index.html 324 bytes [emitted] [0] ./~/_vue@2.3.3@vue/dist/vue.esm.js 257 kB {0} [built] [1] ./~/_vue-loader@12.2.1@vue-loader/lib/component-normalizer.js 2.55 kB {0} [built] [2] ./src/renderer/store/modules/index.js 238 bytes {0} [built] [3] ./src/renderer/router/index.js 256 bytes {0} [built] [4] ./src/renderer/store/index.js 202 bytes {0} [built] [5] ./src/renderer/App.vue 1.07 kB {0} [built] [8] ./src/renderer/main.js 382 bytes {0} [built] [10] ./~/_babel-loader@7.0.0@babel-loader/lib!./~/_vue-loader@12.2.1@vue-loader/lib/selector.js?type=script&index=0!./src/renderer/App.vue 37 bytes {0} [built] [13] ./~/_extract-text-webpack-plugin@2.1.0@extract-text-webpack-plugin/loader.js?{“omit”:1,“remove”:true}!./~/_vue-style-loader@3.0.1@vue-style-loader!./~/_css-loader@0.28.4@css-loader?minimize!./~/_vue-loader@12.2.1@vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1c701646”,“scoped”:false,“hasInlineConfig”:false}!./~/_vue-loader@12.2.1@vue-loader/lib/selector.js?type=styles&index=0!./src/renderer/App.vue 41 bytes {0} [built] [19] ./~/_vue-loader@12.2.1@vue-loader/lib/template-compiler?{“id”:“data-v-1c701646”}!./~/_vue-loader@12.2.1@vue-loader/lib/selector.js?type=template&index=0!./src/renderer/App.vue 208 bytes {0} [built] [23] ./src/renderer/store/modules nonrecursive .js$ 192 bytes {0} [built] [27] ./~/_css-loader@0.28.4@css-loader?minimize!./~/_vue-loader@12.2.1@vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1c701646”,“scoped”:false,“hasInlineConfig”:false}!./~/_vue-loader@12.2.1@vue-loader/lib/selector.js?type=styles&index=0!./src/renderer/App.vue 185 bytes [built] [30] ./~/_css-loader@0.28.4@css-loader/lib/css-base.js 2.26 kB [built] [31] ./~/_vue-style-loader@3.0.1@vue-style-loader/lib/addStylesClient.js 6.05 kB [built] [32] ./~/_vue-style-loader@3.0.1@vue-style-loader/lib/listToStyles.js 639 bytes [built] + 18 hidden modules Child html-webpack-plugin for “index.html”: [0] ./~/_lodash@4.17.4@lodash/lodash.js 540 kB {0} [built] [1] ./~/_html-webpack-plugin@2.28.0@html-webpack-plugin/lib/loader.js!./src/index.ejs 1.24 kB {0} [built] [2] (webpack)/buildin/module.js 517 bytes {0} [built] Child extract-text-webpack-plugin: [0] ./~/_css-loader@0.28.4@css-loader/lib/css-base.js 2.26 kB {0} [built] [1] ./~/_css-loader@0.28.4@css-loader?minimize!./~/_vue-loader@12.2.1@vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1c701646”,“scoped”:false,“hasInlineConfig”:false}!./~/_vue-loader@12.2.1@vue-loader/lib/selector.js?type=styles&index=0!./src/renderer/App.vue 185 bytes {0} [built] Child extract-text-webpack-plugin: [0] ./~/_css-loader@0.28.4@css-loader/lib/css-base.js 2.26 kB {0} [built] + 1 hidden modules Child extract-text-webpack-plugin: [0] ./~/_css-loader@0.28.4@css-loader/lib/css-base.js 2.26 kB {0} [built] + 1 hidden modules

Tell me about your development environment.
  • Node version: 6.10.2
  • NPM version: 5.0.2
  • vue-cli version: (if necessary)
  • Operating System: windows 7 sp1

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
Almoullimcommented, Feb 23, 2018

Same issue here

0reactions
random-webdevelopercommented, Apr 6, 2019

still relevant to me, any news here? got no errors in console on windows

Read more comments on GitHub >

github_iconTop Results From Across the Web

Packaging electron produces blank page with no content
However I can't seem to get it package into an exe file - doing this with any of the packaging utilities causes a...
Read more >
electron-packager
Electron Packager is a command line tool and Node.js library that bundles Electron-based application source code with a renamed Electron ...
Read more >
Electron: Build cross-platform desktop apps with JavaScript ...
Electron embeds Chromium and Node.js to enable web developers to create desktop ... Electron gives you an unopinionated blank slate to build your...
Read more >
How to notarize Electron app for macOS Catalina (10.15)
Then your app has been complete notarized. But still, you may find other errors or issues like: crash, blank screen, unable to connect...
Read more >
Build an Electron App in Under 60 Minutes - YouTube
In this video we will build a desktop application using Electron.js which allows us to build desktop apps using only JavaScript.
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