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

相关推荐
长空任鸟飞_阿康10 分钟前
AI 多模态全栈应用项目描述
前端·vue.js·人工智能·node.js·语音识别
Mintopia12 分钟前
🌐 实时协同 AIGC:多人在线 Web 创作的技术架构设计
前端·人工智能·trae
Mintopia14 分钟前
🔥 “Solo Coding”的近期热度解析(截至 2025 年末)
前端·人工智能·trae
顾安r33 分钟前
11.14 脚本网页 迷宫逃离
服务器·javascript·游戏·flask·html
顾安r1 小时前
11.14 脚本网页游戏 猜黑红
前端·javascript·游戏·flask·html
码码哈哈0.01 小时前
Vue 3 + Vite 集成 Spring Boot 完整部署指南 - 前后端一体化打包方案
前端·vue.js·spring boot
@菜菜_达2 小时前
interact.js 前端拖拽插件
开发语言·前端·javascript
Baklib梅梅2 小时前
故事叙述的力量:用Baklib创作让内容更具温度与共鸣
前端·ruby on rails·前端框架·ruby
一个假的前端男2 小时前
uniapp 3端轮播
前端·javascript·uni-app
Fantasydg3 小时前
Request Response对象
前端