Electron快速入门遇到的问题

2023-12-14 记录学习Electron官方教程中遇到的问题。官方教程( quick start)

  1. Windows 环境安装 node.js
    Windows 版官网下载地址:https://nodejs.org/en/download
    和Windows下安装其他软件一样,选好安装路径就下一步就可以了。安装结束后打开命令行,我在windows10下操作用的是Windows PowerShell。执行下面语句,显示node和npm的版本信息,到此node.js就算安装好了。

    node -v
    v20.10.0
    npm -v
    10.2.3

  2. 按照Electron快速入门的教程学习和实践
    具体过程参见官方网址,只记录遇到的问题和我使用的解决方案。

  • 运行 npm install --save-dev electron 卡了一段时间最后报错
    安装超时,这个解决方法百度一大堆,我选了其中一个

#设置阿里镜像

npm config set registry=https://registry.npmmirror.com

  • Electron Forge 打包时(npm run make)错误,Unsupported GLOBAL_AGENT.HTTP_PROXY configuration value: URL protocol must be "http:" when running electron-packager

网络上大部分都提示要更新 npm (npm update)再重新执行 npm run make,对我的情况不好使。

页面留言中找到了解决我问题的答案:把Windows环境变量中的http_proxy删掉,重启电脑,再到指定文件夹执行 npm run make。

  1. 在其他教程中遇到的错误
  • electron渲染进程引入ipcRenderer报错:require is not defined
    const {ipcRenderer} = require('electron')
    是因为新版的Electron默认情况下启用上下文隔离,我理解就是渲染进程的代码不能直接调用electron模块,这篇文章有说明:https://juejin.cn/post/7155701737910140936

初步学习Electron,也就没用这个复杂的解决方法,直接设置参数就可以解决这个问题(好像不太安全)。在webPreferences 设置中加入下面代码:

nodeIntegration: true

contextIsolation: false

相关推荐
sbjdhjd8 小时前
Redis 主从复制、哨兵高可用与 Cluster 集群部署实验手册
运维·前端·redis·云原生·开源·bootstrap·html
乐兮创想 小林8 小时前
企业官网移动端性能优化实战:从 Core Web Vitals 到图片/CDN/响应式的工程清单
前端·性能优化·网站建设·北京网站建设公司
疯狂SQL9 小时前
JWT 在线解码、验签、生成一篇讲透:附前端实现、工具架构与在线体验地址
javascript·jwt·编解码·jwt测试
前端一小卒9 小时前
不手写代码的第 30 天,我才明白前端这个岗位还剩什么
前端·javascript·ai编程
Ajie'Blog9 小时前
Copilot Agent Tasks API 开放:AI 编程开始进入后台任务时代
服务器·前端·javascript·人工智能·copilot·ai编程
老毛肚9 小时前
jeecgboot vue TS & 模板化 04
前端·javascript·vue.js
晓13139 小时前
【Cocos Creator 2.x】篇——第二章 入门
javascript·游戏引擎
AI_零食11 小时前
鸿蒙PC Electron跨平台应用开发:24时区时间表应用详解
前端·华为·electron·开源·harmonyos·鸿蒙
Electrolux11 小时前
[onlyoffice-v9]纯前端怎么实现编辑预览office
前端·javascript·github
VidDown11 小时前
Webhook 调试器:让第三方回调“原形毕露”
java·开发语言·javascript·编辑器·postman