时间:2021-05-28
写在前面:Electron相关的操作还是不要使用CNPM的操作命令,这样后面会遇到各种问题:比如安装某些依赖的问题;但是原生的NPM命令又很慢,咋怎呢?有办法!使用smart-npm
安装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-v2.0.17-win32-x64.zip 这个包,那只能通过其他方式,离线下载,然后放到对应的目录里面
C:\Users\*****\AppData\Local\electron\Cache
需要注意的是,不仅要下载这个压缩包,还要把对应的SHASUMS256.txt-文件也下载下来放进去;
到这里去找对应的版本下载地址:https://github.com/electron/electron/releases/4、
4、接下来,winCodeSign文件不能下载
同样,直接想办法离线把这个文件对应的版本下载下来
解压放到下面的目录(没有目录就创建一下)
C:\Users\*****\AppData\Local\electron-builder\cache\winCodeSign
5、接下来又遇到rcedit-ia32.exe文件找不到的问题
但是这个文件确实是有的,只是不在这个主目录,而在这个里面
C:\Users\***\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-2.4.0\winCodeSign
不知道为啥会这样,不管那么多,直接把这两个文件复制到上级目录去吧
6、下载nsis文件错误
同样,离线下载下来,解压放到下面目录
然后继续,又会提示nsis-resources-3.3.0 文件下载不了,同样,离线下载放到上图对应的目录。
OK,所有依赖终于下载完了,最后再执行electron-builder 打包成功!
在my-project\build 里面生成了EXE文件,可以安装测试效果。
安装之后,遇到打开程序出现空白,啥都没有显示!!运行 npm run build 得到一些错误,找了半天,突然看到 目录路径是乱码,因为我的项目代码路径有中文!改之,再 npm run build ,OK,通过;然后,再打包,一切正常了!!
总结
到此这篇关于Electron 打包问题:electron-builder 下载各种依赖出错的文章就介绍到这了,更多相关Electron 打包electron-builder依赖出错内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
项目推荐想要快速的了解electron,调试electron,打包electron,推荐项目electron-webpack-quick-start快速开始先安
Electron官网的描述:Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。Electron
之前的项目,引用electron的remote可以直接调用electron.remote来去使用,而近期使用electron却频繁报错???踩坑后我快速去查看了
因为最近的项目需求,需要在Electron客户端启动的时候启动nginx服务,所以研究了一下怎么在Electron调用命令行。因为Electron基于Chrom
相关依赖里面使用了vuexvuevue-routestoreJsstoreJs用来持久化vuex状态展示介绍说明没有使用electron内置的-webkit-a