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

相关推荐
鹏多多1 分钟前
移动端H5项目,还需要react-fastclick解决300ms点击延迟吗?
前端·javascript·react.js
serioyaoyao3 分钟前
上万级文件一起可视化,怎么办?答案是基于 ParaView 的远程可视化
前端
万少9 分钟前
端云一体 一天开发的元服务-奇趣故事匣经验分享
前端·ai编程·harmonyos
WindrunnerMax11 分钟前
从零实现富文本编辑器#11-Immutable状态维护与增量渲染
前端·架构·前端框架
不想秃头的程序员13 分钟前
Vue3 封装 Axios 实战:从基础到生产级,新手也能秒上手
前端·javascript·面试
数研小生26 分钟前
亚马逊商品列表API详解
前端·数据库·python·pandas
你听得到1128 分钟前
我彻底搞懂了 SSE,原来流式响应效果还能这么玩的?(附 JS/Dart 双端实战)
前端·面试·github
不倒翁玩偶29 分钟前
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
前端·npm·node.js
奔跑的web.31 分钟前
UniApp 路由导航守
前端·javascript·uni-app