写在前面:Electron相关的操作还是不要使用CNPM的操作命令,这样后面会遇到各种问题:比如安装某些依赖的问题;但是原生的NPM命令又很慢,咋怎呢?有办法!使用smart-npm

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

安装smart-npm

npm install --global smart-npm --registry=https://registry.npm.taobao.org/

----------------------------------分割线,下面的cnpm替换为npm吧-------------------------------1、安装electron-builder(注意全局安装

cnpm install -g electron-builder
cnpm install -g electron-package

2、在项目目录(my-project)执行打包命令

electron-builder

3、由于网络原因,各种包下载不下来,导致出错;如下图

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

可以看到,这里在下载electron-v2.0.17-win32-x64.zip 这个包,那只能通过其他方式,离线下载,然后放到对应的目录里面

C:\Users\*****\AppData\Local\electron\Cache

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

需要注意的是,不仅要下载这个压缩包,还要把对应的SHASUMS256.txt-文件也下载下来放进去;

到这里去找对应的版本下载地址:https://github.com/electron/electron/releases/4、

4、接下来,winCodeSign文件不能下载

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

同样,直接想办法离线把这个文件对应的版本下载下来

解压放到下面的目录(没有目录就创建一下)

C:\Users\*****\AppData\Local\electron-builder\cache\winCodeSign

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

5、接下来又遇到rcedit-ia32.exe文件找不到的问题

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

但是这个文件确实是有的,只是不在这个主目录,而在这个里面

C:\Users\***\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-2.4.0\winCodeSign

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

不知道为啥会这样,不管那么多,直接把这两个文件复制到上级目录去吧

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

6、下载nsis文件错误

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

同样,离线下载下来,解压放到下面目录

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

然后继续,又会提示 nsis-resources-3.3.0 文件下载不了,同样,离线下载放到上图对应的目录。

OK,所有依赖终于下载完了,最后再执行electron-builder 打包成功!

在 my-project\build 里面生成了EXE文件,可以安装测试效果。

安装之后,遇到打开程序出现空白,啥都没有显示!!运行 npm run build 得到一些错误,找了半天,突然看到 目录路径是乱码,因为我的项目代码路径有中文!改之,再 npm run build ,OK,通过;然后,再打包,一切正常了!!

总结

标签:
Electron,打包,electron-builder,下载依赖出错

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。