2

1.安装electron

第一步就出错了,装不上
具体体现是npm install 不报错,但是运行的时候提示缺少electron,问是不是安装了
或者直接安装的时候就报错

本质上 是安装electron包的时候网络受限没装上

解决方案1:用nrm管理npm源 然后nrm use taobao 切换淘宝源或者nrm use npmMirror试试
解决方案2:手动 node ./node_modules/electron/install.js 一般卡在这
如果有如下现象 基本上安装成功了
5951630394365_.pic_hd.jpg

2.electron-forge

官方实例用的这个打包工具,但是注意它只能打本系统的包,比如我mac电脑要打windows包,是不行的

3.electron-packager

安装这个插件能打windows包

// package.json 打包命令
"scripts": {
    "package-win":"electron-packager ./ --platform=win32 --out ./dist  --overwrite  --ignore=node_modules --arch=x64"
  }

但是打包的时候会说mac缺少win环境 需要用brew安装一下,并且给了一个命令brew install --cask wine-stable
看了一下官方文档,确实如此
image.png

4.homebrew

我的homebrew出了点问题,brew update 一直卡住 ,连不上github的homebrew地址
折腾了一天,网上方法试了一下最后总结如下(我的情况不一定适用你,只能当做参考)

  • 1 关闭本地vpn 把代理什么的都关了
git config --global --unset http.proxy 
git config --global --unset https.proxy
  • 2 brew config 观察各种源 都用github的源 不要用镜像
  • 3 githubIP 添加到vim /etc/hosts里面 ping github能拿到ip
    image.png
    image.png
  • 4 连接5g手机热点 (不要问我原因,折腾了一天,就是这么解决的,从网速上说,5~10M的下载速度也是真香
    再更新,成功了,检查版本,确实是最新版(没错,从github上看最新版branch就是19年发的)
    image.png
    再安装Win就没问题了,各种自动安装,然后成功
    image.png
    image.png

5.打包windows软件,权限问题

sudo npm run package-win  

后续会自动安装一些依赖,需要手动点安装,浓浓的windows风格
image.png

然后遇到以一个权限问题
image.png
这个文件所有者是$USER(fyy),并不是root,我们用root执行不了改一下它的所属再执行就Ok了
image.png

sudo chown -R root .wine/

image.png

6.快乐打包

再执行打包命令就可以愉快的打包了
image.png
成功:
image.png


Runningfyy
1.3k 声望661 粉丝