当前位置：首页 > article >正文

Electron打包前端和后端为exe

article 2025/8/22 23:57:10

文章目录

- - 什么是Electron？
- 安装electron
- - 过程
- 其他
- - git项目地址
  - 比较好的文章
  - electron的替代品
  - 安装报错 npm ERR! request to https://registry.npm.taobao.org/electron failed, reason: certificate has expired
  - 安装提示 npm WARN deprecated boolean@3.2.0: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
  - 装完报错 Error: Cannot find module 'C:\Users\PC\AppData\Roaming\npm\node_modules\electron\cli.js'

什么是Electron？

Electron是GitHub开发的一个开源框架。它通过使用Node.js和Chromium的渲染引擎完成跨平台的桌面GUI应用程序的开发。
Electron现已被多个开源Web应用程序用于前端与后端的开发，著名项目包括GitHub的Atom和微软的Visual Studio Code。
Electron是大前端的重要组成部分。

安装electron

过程比较曲折，试了好几次都没成功。

要安装的内容：
electron
electron-packager

过程

设置为国内镜像，会加速包的安装速度。
npm config set registry https://registry.npmmirror.com/ # 这个地址是对的
npm config set registry https://registry.npm.taobao.org/ # 这个地址也是对的(二选一即可)

其他

git项目地址

开源项目为electron-quick-start，以下是git地址。

https://github.com/electron/electron-quick-start # github有时不通
https://gitee.com/izhuooo/electron-quick-start  # gitee版，可用

项目里面提供了模板，改吧改吧就能用了。

npm官网electron页面：
https://www.npmjs.com/package/electron

比较好的文章

使用Electron打包JavaSpringboot项目为exe文件（含electron-builder下载出错解决方案）

electron的替代品

electron目前仍然是个活跃的项目，但是一些大公司考虑用更好的工具替代它。
1、WhatsApp。
已经弃用基于Electron的桌面应用程序，转而推出原生版本‌
2、Microsoft Teams。
由于性能问题，微软决定放弃Electron，转而使用自己的 Edge WebView2渲染引擎 ‌

安装报错 npm ERR! request to https://registry.npm.taobao.org/electron failed, reason: certificate has expired

看上去像是镜像源不对，换个试下。

安装提示 npm WARN deprecated boolean@3.2.0: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

说是不在支持了。

装完报错 Error: Cannot find module ‘C:\Users\PC\AppData\Roaming\npm\node_modules\electron\cli.js’

详细报错：

Error: Cannot find module 'C:\Users\PC\AppData\Roaming\npm\node_modules\electron\cli.js'   at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)

装了半天，electron -v查看版本的时候居然报这个错。