Electron踩坑记录

Stella981
• 阅读 711

心血来潮想做一个PC端应用,就来学学Electron,以下为学习Electron时的踩坑记录。

心血来潮想做一个PC端应用,就来学学Electron,以下为学习Electron时的踩坑记录。

安装

在国内安装electron的时候,可能会因为网络原因遇到卡在Building fresh packages...(yarn)或者是卡在node install.js(npm)这一步上。

在项目的根目录下创建.yarnrc.npmrc然后输入如下内容更改各依赖的源,即可解决该问题。

registry "https://registry.npm.taobao.org"sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"phantomjs_cdnurl "http://cnpmjs.org/downloads"electron_mirror "https://npm.taobao.org/mirrors/electron/"sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"

C++包rebuild

使用electron就避不开要使用一些第三方的C++包,使用这些包的时候需要根据node和electron的版本重新编译。

手动rebuild

手动编译要根据electron的版本设置target,然后再根据node的版本设置对应的abi值,(详见对应表)

$ npm rebuild --runtime=electron --target=6.0.12 --disturl=https://atom.io/download/atom-shell --abi=72

使用electron-rebuild

yarn add electron-rebuild -D # or npm install electron-rebuild --save-dev

下载后使用

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
代码哈士奇 代码哈士奇
2年前
vite+vue3+electron桌面端开发
vitevue3electron桌面端开发ps:踩坑踩了一个多小时如果嫌麻烦可以直接拿走用克隆代码仓库1.2.同样你也可以使用脚手架来快速的创建如下图是生成的安装包选择了mis和nsis安装使用下载代码后进入项目目录执行npminstall安装依赖执行npmstart为开发模式执行npmdist为打包项目并且生成
代码哈士奇 代码哈士奇
3年前
记录一次electron踩坑
Vue2.x版本https://github.com/dmhsq/electronvuedmhsq(https://github.com/dmhsq/electronvuedmhsq)或者https://github.com/dmhsq/electronvue/tree/main/template(https://github.com
Wesley13 Wesley13
2年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
Wesley13 Wesley13
2年前
(原)Electron+vue 应用实战
1.electron架构思考在做electron桌面开发中,Electronvue当下算是性价比的比较高的。但是electron算是小众开发,遇到问题,基本上就是掉进深坑,爬好久才出来。为了做一个项目,我翻遍了国内好多网站。看到一篇好的文章。Electron应用实战(架构篇)(https://www.oschi
Stella981 Stella981
2年前
Electron开发跨平台桌面程序入门教程
最近一直在学习Electron开发桌面应用程序,在尝试了javaswing和FXjava后,感叹还是Electron开发桌面应用上手最快。我会在这一篇文章中实现一个HelloWord的应用程序,记录学习过程中的坑。Electron是什么呢?Electron可以让你使用纯JavaScript调用丰富的
Stella981 Stella981
2年前
AudioContext方法播放音频
constfsrequire('fs');constelectronrequire('electron');constdataPath(electron.app||electron.remote.app).getPath('userData');constfPath${dataPath}/file/unzip\
Stella981 Stella981
2年前
Electron桌面端所见即所得
突然让你开发Electron应用,你能hold住吗?如果领导突然说需要开发一款前端桌面端应用,那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多同学对于Electron都不太了解和熟悉。如果突然让我们去开发Electron应用,很多人都会陷入迷茫和懵逼的状态。然后在依靠网上相对较少的资料,慢慢摸索、一路踩坑
Stella981 Stella981
2年前
Electron环境配置
最近好多Mac桌面程序都是套了个Electron的壳,之前玩过nodewebkit,所有想体验一下,但是在配置环境中遇到了一些问题,主要是Npm的连接问题,还有Electron安装的问题,通过下面两步就可以安装,记录一下。1.npm配置淘宝源npmconfigsetregistryhttps://registry.npm.tao
linbojue linbojue
4星期前
超完整的Electron打包签名更新指南,这真是太酷啦!
大家好,我是多喝热水。在踩了数不清的坑之后,终于从0到1完成了一个桌面端应用,但万万没想到,最最痛苦的还不是开发过程,而是开发完成后的打包签名阶段,这真是踩坑踩麻了!!!超完整的Electron打包签名更新指南,这真是太酷啦!ok,踩坑归踩坑,收获也是不小