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

写在前面: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依赖出错内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 使用electron将vue-cli项目打包成exe的方法

    如果你已经做好了一个vue的项目,并且想要将他打包成exe,那么请继续阅读. 首先你可以下载一个demo了解一下. git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm start 这个demo主要就是main.js和package.json 打开main.js const {app, BrowserWindow} = require('electron

  • 如何使用electron-builder及electron-updater给项目配置自动更新

    说明: 本文的自动更新功能使用的项目为 electron-vue 脚手架搭建一个默认项目. 参考的文章如下: electron-vue 中文文档 electron-builder 文档 Windows 下支持自动更新的 Electron 应用脚手架 Electron 文档 Docs / API / autoUpdater 开始:新建一个 electron 项目 首先你得有一个需要配置自动更新功能的 electron 项目.这里我为了测试自动更新功能是否成功搭建使用的是 electron-vue

  • Electron + vue 打包桌面操作流程详解

    提前准备一个vue项目,也可以使用初始的vue项目 vue init webpack 安装到后边有的会出现报错,可以忽略,启动npm run dev 启动成功就可以 在vue项目下执行下载以下依赖,会用到 cnpm install electron --save-dev cnpm install electron-packager --save-dev //这个是打成exe文件的插件,之后要用,提前下载好 获取Electron的资源 git clone https://github.com/el

  • electron-vue利用webpack打包实现多页面的入口文件问题

    项目需要在electron的项目中新打开一个窗口,利用webpack作为静态资源打包器,发现在webpack中可以设置多页面的入口,今天来讲一下我在electron中利用webpack建立多页面入口的踩坑经验. 1.webpack的核心概念 •Entry:入口,Webpack执行构建的第一步从Entry开始: •Module:模块,在Webpack里一切皆模块,一个模块对应着一个文件.Webpack会从配置的Entry开始递归找出所有依赖的模块. •Chunk:代码块,一个Chunk由多个模块组

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

    写在前面:Electron相关的操作还是不要使用CNPM的操作命令,这样后面会遇到各种问题:比如安装某些依赖的问题:但是原生的NPM命令又很慢,咋怎呢?有办法!使用smart-npm 安装smart-npm npm install --global smart-npm --registry=https://registry.npm.taobao.org/ ----------------------------------分割线,下面的cnpm替换为npm吧-------------------

  • electron打包vue项目的方法 步骤

    目录 创建项目 添加electron-builder electron下载失败 窗体运行 打包exe 白屏 创建项目 点击这里 添加electron-builder 1.在项目目录下运行命令:vue add electron-builder2.electron-builder添加完成后会选择electron版本,直接选择最新版: electron下载失败 vue add electron-builder下载electron会下载失败,使用淘宝镜像下载:cnpm i electron 窗体运行 1

  • 聊聊vue番茄钟与electron 打包问题

    目录 序 动手 准备工作 功能规划 开发工具 开发过程 创建项目 配置项目 界面编写 主进程和渲染进程文件读存通信 打包 序 平时对自己学习工作计划安排可以使用番茄钟去规划. 番茄钟:一个很简单的时间管理方法,设置一个固定时间,根据自己情况调整,这个时间是一个倒计时,在这段时间内认真去做一件事情,然后一个番茄钟结束后,休息大概五分钟,重新番茄钟. 这可以帮助我们量化自己的工作和效率,提醒我们休息和工作. 本人之前在手机上下载过番茄钟的应用,但是使用了一段时间后发现对我来说并不能算十分合适,准备制

  • 关于electron打包的坑

    首先electron打包的方式有两种 通过electron-builder 通过electron-package 两种方式,electron-builder打包的话扩展性更强,包也较小,electron-package打出来的包相对扩展性更小,且包容量较大,一般都会选择electron-builder进行打包. 注意electron和electron-build版本的问题 1.两者配套使用,如果两者的包不是配套的,版本不适配那么就会导致打包失败,因此我们使用electron-builder打包的

  • Electron打包React生成桌面应用方法详解

    目录 一.Electron简介 二.搭建准备 三.创建基本应用程序 四.打包项目 一.Electron简介 Electron是一个能让你使用JavaScript,HTML和CSS来创建桌面应用程序的框架.这些应用程序可以打包后在 macOS.Windows 和 Linux 上直接运行. 在目前浏览器和移动端盛行的互联网环境下,跨平台的桌面应用开发,也为前端提供了一个新分支方向. 二.搭建准备 1.检查git和node是否安装完成 git --versionnode -vnpm -v 2.搭建Re

  • 用electron打包vue项目中的报错问题及解决

    目录 1.  首先一定要cd到项目的根目录 2.  接下来运行 如何用electron打包vue项目,请参见我的另一篇文章:如何用electron打包vue项目为桌面应用文件exe 这里,也要提到实际项目中的问题,可能有同志的目录结构和内容有些许差别,就我刚刚遇到的问题来说,常见的问题的有几个问题,以及解决办法如下: 1.  首先一定要cd到项目的根目录 (我这里是app)里面才能运行项目,再重新npm run build,不然的话很有可能出现 “ 系统找不到路径的问题 ”,成功的话会出现下面绿

  • 完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误

    报错信息 最近闲来无事,用python的tkinter库开发了一款带日程提醒的万年历桌面程序.在程序开发结束开始打包时,却发现一直报错 PyInstaller cannot check for assembly dependencies. Please install PyWin32 or pywin32-ctypes. pip install pypiwin32 但是运行pip install pypiwin32时却提示两个库都已经安装过了 可是当再运行打包脚本时就是死活无法打包,就是提示缺少

  • golang 如何自动下载所有依赖包

    如何自动下载所有依赖包? 大部分情况下大家下载 Go 项目都是使用go get命令,它除了会下载指定的项目代码,还会去下载这个项目所依赖的所有项目. 但是有的时候我们的项目由于各种原因并不是通过go get下载的,是通过git clone下载的,这样代码下下来就没有依赖包了,没办法编译通过的. 这样的话怎么办呢? go get -d -v ./... -d标志只下载代码包,不执行安装命令: -v打印详细日志和调试日志.这里加上这个标志会把每个下载的包都打印出来: ./...这个表示路径,代表当前

  • 最详细的文件上传下载实例详解(推荐)

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦,所以一般选择采用apache的开源工具common-fileupload这个文件上传组件.这个common-fileupload上传组件的jar包可以去apache官网上面下载,也可以在struts的lib文件夹下面找到,stru

  • dependencies导致的Maven依赖出错包红问题解决方法

    多模块和分布式开发一般都是有专门的的dependencies来进行jar包的版本依赖问题,但是最近添加的几个新依赖一直出错,包一直是红的,很烦人 查看maven仓库发现相关的包下载错误,不知道为什么多了个“}”(?什么鬼),然后自己就算弄了正常的包(====正常因为国情等问题导致的无法自动下载问题可依此方法解决,文章下面附方法====),它还是会自己去下载错误的包导致出错. 头疼了好久才发现 自动获取版本后面多了个“}”,马虎是原罪啊,估计是Idea的自动添加括号机制造成的,自己又没有及时发现,

随机推荐