Electron-Vue打包应用出现白屏的问题——更正

上次碰到白屏的问题,使用的是package命令去执行后出现的。然后换成build命令去执行,发现执行exe文件不会出现白屏的,程序正常。但是结合业务发现,build之后在build目录下存在一个unpackage的项目,意思就是未打包,而且打包之后的程序应该是双击即可打开的文件,而不是需要安装的文件,安装的话会产生对应的安装包,而package应该是在安装程序之后的,也就是先安装之后才会有package的文件。

这么一梳理发现,现在要做的打包,应该是package而不是build,应该先把程序package之后使用其他第三方工具将package之后的文件打成安装文件exe。用户执行或者点击exe,会执行安装,然后会生成一个文件夹,里面存放程序执行依赖的文件,并且安装之后会在桌面生产一个图标,用户双击图标就能直接执行。

这才是整个项目的流程,所以今天又回归到package打包的问题上来了。

那还是要解决之前为什么会出现打包后白屏的问题。

之前是这么做的

  1. 在scripts中配置package命令
  2. 执行npm run package命令,打包项目

之前的package.json->scripts配置如下:

"package": "electron-packager . HelloWorld --win --out ../HelloWorldApp --arch=x64 --app-version=0.0.1 --electron-version=2.0.4"

然后执行:

npm run package

后来看到一个帖子,其中的执行方式不对,需要改为下面这这种,我就在想是不是自己定义的命令需要加上script后缀才能成功

npm run-script package

然后在生成的文件中执行

start HelloWorld.exe

或者双击HelloWorld.exe文件就会出现正确的程序

Electron-Vue打包应用出现白屏的问题——更正_第1张图片

你可能感兴趣的:(Electron,Electron-Vue,白屏)