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。

3. 在其他教程中遇到的错误

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

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

nodeIntegration: true
contextIsolation: false