记一次使用Node.js electron打包网站的记录

news/2024/5/15 23:25:17/文章来源:https://blog.csdn.net/lumot/article/details/100178897

具体步骤请参考:http://blog.csdn.net/a727911438/article/details/70834467

打包时出现了不少问题,逐一记录下来以供其他人参考。

package.json文件内容

{"name": "appname","version": "0.1.0","main": "./main.js","scripts": {"start": "electron ."}
}

main.js文件内容

const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let winfunction createWindow () {// Create the browser window.win = new BrowserWindow({width: 800, height: 600})// and load the index.html of the app.
  win.loadURL(url.format({pathname: path.join(__dirname, 'index.html'),protocol: 'file:',slashes: true}))// Open the DevTools.// win.webContents.openDevTools()// Emitted when the window is closed.win.on('closed', () => {// Dereference the window object, usually you would store windows// in an array if your app supports multi windows, this is the time// when you should delete the corresponding element.win = null})
}// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', createWindow)// Quit when all windows are closed.
app.on('window-all-closed', () => {// On macOS it is common for applications and their menu bar// to stay active until the user quits explicitly with Cmd   Qif (process.platform !== 'darwin') {app.quit()}
})app.on('activate', () => {// On macOS it's common to re-create a window in the app when the// dock icon is clicked and there are no other windows open.if (win === null) {createWindow()}
})// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.

安装好打包神器后,在执行 electron-packager时出现“Unable to determine Electron version. Please specify an Electron version”错误:

要解决这一问题,只需在命令中指定Electron version,具体命令如下:

electron-packager . sound_machine --win --out a --arch=
x64 --version=0.1.0 --electron-version=1.6.15 --overwrite --ignore=node_modules

 由于本地网络采用的是服务器代理上网模式,因此还需为npm指定代理地址,否则会出现“tunneling socket could not be established, statusCode=502”的错误。

 

设置npm代理的命令如下:

npm config set proxy=http://10.**.**.**:8080

 再次执行 electron-packager打包命令,这次没有错误了,提示开始下载文件。下载完成后开始打包,提示打包成功:

至此,打包完成。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_804330.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

个人网站Timonj(Personal website)

单身狗的清明小长假只能跟电脑过,闲来无事趁着假期做一个个人网站Demo,同时这是本人的第一篇博客,作为Web前端小白技术粗糙,希望哪里有待提高的大佬们多多指出,拜谢!!! 正文开始&am…

2017年最新15个漂亮的 HTML 摄影网站模板

摄影是一门艺术,它需要大量的耐心和努力工作来捕捉那些精彩的瞬间。如果你是一位热情的摄影师,想要建立一个网站来展示那些高质量的摄影作品,那么你找对地方了。本文包含15个最佳的摄影网站模板,你可以使用这些 HTML 模板创建自己…

网站美化常见CSS

伴随网络时代日新月异的发展,用户不仅仅满足于软件系统的功能需求,对软件系统的页面显示效果以及交互模式的要求也逐渐提高。尤其是展示性质的平台页面对于界面美化效果要求更高,有一句话说的好:Html是结构,CSS是装饰&…

网站用户体验:几个小细节

今天是想到了一个小细节问题,这个问题以前我还是注意过,后来忘记了,那就是鼠标的细节问题,这是人的习惯问题,当然,也是用户体验问题。 第一个细节:鼠标滚动轮 试想一下:当我们打开…

登陆网站mysql数据库_用户登录网站(1.5版本--连接mysql数据库)

1.Login3.java 用户登录界面(若用户在未登陆的情况下,直接登录欢迎界面,由于不存在session信息,所以会跳转到登录界面),登陆的信息传递到LoginCl3.java业务逻辑处理.以下涉及Servlet部署自行添加,此节省略.(如不懂,可见用户登录网站(1.0版本))2.LoginCl3.java 对传递的用户数据…

android 底部导航栏凸起_网站导航栏如何设置才能促使网站SEO优化更好?

原标题:网站导航栏如何设置才能促使网站SEO优化更好?众所周知,网站导航是网站不可或缺的一部分。 高质量的网站导航栏不仅可以让访问者知道他们在哪里,而且可以提高他们的浏览效率和更好的用户体验。 那么导航栏应该如何设置使其更…

pdf常用字体包 -baijiahao_【Python】用 Python 来实现PDF 的各种操作(附网站和操作指导)...

导言PDF 处理是日常工作中的常见需求,包括 PDF 合并、删除、提取等。更复杂的任务如:将 PDF 转换成 图像。下面通过几个简单的例子和一份代码,帮助大家解决上面的需求,操作非常简单。在文末我会提供一份源码和一个神奇的 PDF 处理…

优化上传速度慢怎么办_常用的网站图片优化方法有哪些呢?

当用户通过搜索引擎搜索相关内容,进入到相关网站或者企业官网时,发现网站打开很慢随即就关闭了该网站了。网站打开速度慢,不仅会影响用户体验,甚至会导致我们丢失大量的客户,所以优化网站制作提高网站打开速度&#xf…

php 网站响应时间_php 怎么修改响应时间

php修改响应时间的方法:首先找到并打开“php.ini”配置文件;然后找到“max_execution_time”及“max_input_time”参数进行修改即可。本文操作环境:Windows7系统、PHP7.1、Dell G3电脑。修改php上传文件尺寸、响应时间、时区时间等设置修改ph…

牛津3000释义词典_颤抖吧!最好用的在线英语词典网站良心大推荐

学英语很难,但学习很快乐。--- 学英语那点事你知道,出来学英语,在线词典早晚用得到。今天就来推荐学姐经常使用的免费在线英语词典网站。让我看到泥萌的小手手好嘛!韦氏在线词典 https://www.merriam-webster.com/学姐点评&#x…

python爬虫爬取下一页_【Python爬虫】如何爬取翻页url不变的网站

点击蓝字“python教程”关注我们哟! 之前打算爬取一个图片资源网站,但是在翻页时发现它的url并没有改变,无法简单的通过request.get()访问其他页面。据搜索资料,了解到这些网站是通过ajax动态加载技术实现。即可以在不重新加载整…

php建站目,PHP小项目:轻松创建gif图在线制作网站

原标题:PHP小项目:轻松创建gif图在线制作网站各位朋友,大家下午好!今天给大家带来的教学是 轻松创建gif图在线制作网站!这里就需要用到一个 GIF动画的PHP类库!下面我把类库代码分享给大家由于源码比较长&am…

nginx 1.14.2 php,CentOS7上安装Nginx1.14.2并部署PHP静态网站

我这里以CentOS7.4 x64服务器为例记录如何安装Nginx并且部署一个php静态网站,无数据的。先从Nginx的安装开始:1、先安装Nginx所依赖的软件:安装gcc:输入命令:yum install gcc-c 回车,中间会出现选择,输入…

lamp cacti 点击php下载,lamp 环境下装cacti网站流量监控工具

接下来我是介绍搭建 apache,mysql php 这三种 整合关系关闭SELINUX [rootmoyea ~]# vi /etc/selinux/config#SELINUXenforcing #注释掉#SELINUXTYPEtargeted #注释掉SELINUXdisabled #增加:wq 保存,关闭shutdown -r now #重启系统…

linux关机保护,linux中的关机敕令有什么区别_网站服务器运转保护

linux中关机敕令的区别是:实行shutdown敕令时,体系会关照一切登录的用户体系将要封闭;实行halt敕令时,文件体系写操纵完成后,内核住手;init敕令用于切换体系的运转级别,【init 0】示意关机。Lin…

php mysql 网站性能分析工具_大型网站调试工具之一(php性能优化分析工具XDebug)...

一、安装配置1、下载PHP的XDebug扩展,网址:http://xdebug.org/2、在Linux下编译安装XDebug引用tar -xzf xdebug-2.0.0RC3.gzcd xdebug-2.0.0RC3/usr/local/php/bin/phpize./configure --enable-xdebugcp modules/xdebug.so /usr/local/php/lib/php/exten…

php内容管理网站源码,DirCMS PHP内容管理系统 v6.0

DirCMS内容管理系统,是国内自主研发的一款功能强大而又不失小巧简洁的由PHPMysql架构的内容管理系统。DirCMS代码全部开源,便于使用者二次开发或定制;并采用简洁的模板标签技术,使制作模板更加容易,一般情况下&#xf…

linux中不保存的命令是,vim退出不保存的命令是什么?_网站服务器运行维护,vim,linux...

linux下如何用iptables开放指定端口_网站服务器运行维护linux下用iptables开放指定端口的方法是:1、执行【/sbin/iptables -I INPUT -p tcp –dport 8000 -j ACCEPT】命令开启端口;2、重启服务;3、查看端口是否已经开放。vim退出不保存的命令…

网站服务器响应网页浏览请求的运作流程,301重定向的运作流程

301重定向的运作流程(2014-10-17 14:15:25)标签:it网站服务器响应网页浏览请求的运作流程让我们先来了解一下用户/搜索引擎和网站一开始的交互流程。当用户或搜索引擎向一个网站服务器发出网页浏览请求时,该服务器将:通过域名服务器(DNS)将域…

河南2021高考成绩查询系统入口,2021河南省高考成绩查询网站入口

2021河南省高考三天,之后成绩什么时候出来可以查询呢,河南省高考成绩在什么平常查询分数,大家以查询分数来预估大学填报志愿。河南省高考成绩将于6月25日零时起通知考生。2021河南省高考成绩查询网站入口高考成绩查询过后应该做什么参照分数找…