npm run build 打出来的包，安装后，什么都不显示，白屏？

[Sailiy]

os：windows 10
node version : v8.7.0
npm version: 5.4.2

npm run dev :

npm run build:
build ok

installed:

[Sailiy]

mac 系统上也是如此，请帮助我

[SimulatedGREG]

I'd love to help, but I need some information on how to reproduce this.

[ChimingPhang]

i meet this problem too, how can i solve it?

[wulie88]

add openDevTools in src/main/index.js at createWindow after mainWindow.loadURL, then watch the console and find out

mainWindow.openDevTools();

[Sailiy]

windows 平台，使用yarn 可以成功打包安装运行。如果使用npm工具， 能打包成功，但是会出现上边的情况。
mac系统使用yarn 和npm 打包，都会出现白屏.

Windows platform, using yarn can be successfully packaged and installed.If you use NPM, you can package it successfully, but it will be up there.
The MAC system USES both the yarn and the NPM packaging, and the white screen appears.

[MiYogurt]

it look like axios not found。 because not package into bundle file

so we need change externals ，or edit let whiteListedModules = ['vue' , 'vue-router', 'axios', .....] add the package denpendency to the whiteListedModules ，or externals: whiteListedModules 。

now ， it's working。

最主要原因还是 axios 被排除了，找不到肯定就白屏了，修改renderer打包配置，修改 externals 就行了，粗暴点，删除这个配置项也可以。

[biaomingzhong]

@MiYogurt Thanks. It works!!!

[lienren]

@MiYogurt 就你这个管用！

[gabrielstuff]

I confirm that if you have added:

• vue-router
• axios
• vuex
• vue-electron
  and you try to package with electron-packager then you need to change the whiteListedModules variable inside webpack.renderer.config.js to:

let whiteListedModules = ['vue' , 'vue-router', 'axios', 'vuex', 'vue-electron']

Then yarn run build:darwin works and the app does not throw a blank screen.

The weird thing is that using electron-builder the app build and run correctly even if let whiteListedModules contains only ['vue'].

any hint @SimulatedGREG ?

Thanks @MiYogurt

[wxytongxue]

用electron-vue编写，npm run dev运行正常，electron-builder 打包后，第一个窗口显示正常，当在第一个窗口点击开启第二个窗口时，第二个窗口空白，但是将
newWindow.loadURL(winURL+'/#/newpage');
里的
winURL+'/#/newpage'替换成winURL，可以正常显示winURL的内容
好久都没找到原因，下面是main主线程的代码

import { ipcMain,app, BrowserWindow } from 'electron'

/**
 * Set `__static` path to static files in production
 * [url=https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-static-assets.html]https://simulatedgreg.gitbooks ... .html[/url]
 */
if (process.env.NODE_ENV !== 'development') {
  global.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
}

let mainWindow
let newWindow
const winURL = process.env.NODE_ENV === 'development'
  ? `[url=http://localhost:9080]http://localhost:9080[/url]`
  : `file://${__dirname}/index.html`

function createWindow () {
  /**
   * Initial window options
   */
  mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000
  })

  mainWindow.loadURL(winURL)

  mainWindow.on('closed', () => {
    mainWindow = null
  })

    newWindow = new BrowserWindow({
        height: 563,
        useContentSize: true,
        show:false,
        width: 1000
    })
    newWindow.loadURL(winURL+'/#/newpage');
}

app.on('ready', createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow()
  }
})

ipcMain.on('open-new', e=>{
        mainWindow.hide();
        newWindow.show();
    }
);


/**
 * Auto Updater
 *
 * Uncomment the following code below and install `electron-updater` to
 * support auto updating. Code Signing with a valid certificate is required.
 * [url=https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-electron-builder.html#auto-updating]https://simulatedgreg.gitbooks ... ating[/url]
 */

/*
import { autoUpdater } from 'electron-updater'

autoUpdater.on('update-downloaded', () => {
  autoUpdater.quitAndInstall()
})

app.on('ready', () => {
  if (process.env.NODE_ENV === 'production') autoUpdater.checkForUpdates()
})
 */

[Gtanxingwen]

@wxytongxue I have the same problem. How do you solve it?