Electron-vue环境配置,打包报错问题解决
来源:互联网 发布:plc编程基础教程 编辑:程序博客网 时间:2024/06/05 06:53
Electron-vue 项目构建过程
1. 搭建Electron-vue框架,参照网址:https://electron.org.cn/
2. 执行npm install,npm 在国内比较慢,所以采用淘宝镜像代理,执行以下命令:
安装cnpm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org
执行命令:cnpm install(z执行命令前,删除moudles文件)
3. 安装完成后执行启动命令npm run dev
4. 项目打包命令 npm run build,发现会报错:
意思是说打包所需的依赖文件electron-v1.7.9-win32-x64.zip下载失败,(我才用的是electron1.7.9版本,所以下载1.7.9的依赖包),此时,可以去淘宝镜像文件库找到对应的文件并下载,放到指定的目录下,electron的淘宝镜像地址:https://npm.taobao.org/mirrors/electron/
5.下载完成后,文件应该放到哪里,一般为C:\Users\Administrator\AppData\Local\electron\Cache,你也可以全局搜索 electron-v1.7.9-win32-x64.zip,看下对应的文件下载到哪里,哪里就是你应该拷文件的位置。
6.继续执行npm run build,如果你的electron-v1.7.9-win32-x64.zip文件位置放置正确,就会继续下载SHASUMS256.txt-1.7.9,这个文件较小,容易成功。不成功的也从镜像里拷贝,注意文件结尾的版本号,此文件的位置与electron-v1.7.9-win32-x64.zip在同一个文件夹。
7. electron-v1.7.9-win32-x64.zip与SHASUMS256.txt-1.7.9两个文件是electron打包必须的文件,用于打exe文件,electron-builder打包也需要两个文件:
1).打包成文件夹及绿色免安装:
electron-builder --dir(依赖winCodeSign)
2).打包成exe的安装包
electron-builder (依赖winCodeSign和nsis)
如果这两个文件也没有下载下来,按照如下步骤操作:
8.下载wincodesign包,链接:https://github.com/electron-userland/electron-builder-binaries/releases
9.选择Source code (zip)下载并解压,里面已经包含nsis
10.在%LOCALAPPDATA%(C:\Users\Administrator\AppData\Local)目录下新建electron-builder\cache\,正常情况下目录是存在的。
11.将Source code (zip)解压后的文件拷贝到C:\Users\Administrator\AppData\Local\ electron-builder\cache\下
12.此时还需要下载winCodeSign和nsis文件,链接地址分别为:
https://github.com/electron-userland/electron-builder-binaries/releases/tag/winCodeSign-1.9.0 ,
https://github.com/electron-userland/electron-builder-binaries/releases/tag/nsis-resources-3.0.0
这两个链接我们都下载Source code (zip)文件,速度比较快,解压
13.先来配置winCodeSign,在文件夹C:\Users\Administrator\AppData\Local\electron-builder\cache\winCodeSign,新建文件winCodeSign-1.9.0,新建的文件夹名字需要和npm run build是要求下载的文件名一致,后面的nsis,以及nsis-resources同理
而后把下载的问价夹electron-builder-binaries-winCodeSign-1.9.0\winCodeSign内的文件拷贝到C:\Users\Administrator\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-1.9.0内。
14.nsis与nsis-resources的配置同理,分别创建了nsis-3.0.1.13和nsis-resources-3.3.0文件夹,把下载的文件electron-builder-binaries-nsis-resources-3.0.0\nsis\和\electron-builder-binaries-nsis-resources-3.0.0\nsis-resources\文件夹里的内容拷贝到对应的路径里。
至此配置完成,打包不会报错。
- Electron-vue环境配置,打包报错问题解决
- vue-awesome打包报错
- Electron环境配置
- 2.Electron配置环境
- idea 配置vue启动,打包环境
- Electron 环境配置和“Helloworld”
- electron+vue
- electron打包
- Electron打包
- electron打包
- electron打包
- electron-config导致webpack打包后运行程序报错的解决方案
- 《Electron 开发》 环境配置和Helloworld
- vue打包npm run build时候界面报错
- vue配置及报错分析
- electron + vue 实践项目
- electron + vue 实践项目
- electron 将pc端(vue)页面打包为桌面端应用
- 【特征检测】HOG特征算法
- 全方位落后,日本的AI人才、研究、专利和投资均被中国甩开
- 2017普及第四题 跳房子 jump
- 机房收费系统之查询余额
- Windows停止进程
- Electron-vue环境配置,打包报错问题解决
- java引入泛型的好处
- SLAM入门资料汇总
- Centos7中安装jdk1.8
- theano.scan
- 查询select中选中的值bootstrao+Vue.js+spring
- PopWindown设置在底部的正上方的bug
- mybatis返回Map结果集
- Linux