electron-builder打包时报NODE_MODULE_VERSION错误

最新推荐文章于 2025-06-03 09:00:10 发布
最新推荐文章于 2025-06-03 09:00:10 发布
阅读量2.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jbguo/article/details/103456970
本文详细介绍了使用electron-builder打包Electron应用的注意事项，包括解决canvas版本冲突问题，推荐使用yarn进行依赖管理，并提供了必要的系统依赖安装指南。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

electron-builder打包注意事项

npm install
node版本： node 12.x
electron: 4.x
使用electron-builder打包应用时，提示安装canvas
使用npm安装canvas会安装和electron不一致的版本
因为node_module_version版本为72, electron的node_module_version为69会导致canvas不能用，所以我使用yarn安装
安装命令

yarn global add canvas --registry https://registry.npm.taobao.org/

如果仍不能使用需要通过homebrew安装以下依赖（查看npm包网站说明）
Using Homebrew:

brew install pkg-config cairo pango libpng jpeg

giflib librsvg libjpeg可选安装

Electron解决“NODE_MODULE_VERSION xxx”不匹配的问题
dong_beijing的博客
04-30 7117
Electron的发布版本和NodeJs的发布版本的NODE_MODULE_VERSION不一致，例如： 我的Electron的发布版本是22，对应的NODE_MODULE_VERSION是108，而NodeJs的版本是18，对应的NODE_MODULE_VERSION是110，而两者都是官方版本,如何解决这个问题？
vue-cli-plugin-electron-builder打包vue2
2301_80553345的博客
05-22 959
会自动下载electron相关的包(需要选择node对应版本的electron包)，生成运行命令并在src目录下生成background.js。1、下载npm install vue-cli-plugin-electron-builder --save -dev。npm run electron:build打包，打包成功如下，会在dist文件夹中生成包。需要存在version，description，author，没有请添加。3、修改backgound.js，打开后窗口大小。
继续谈下脑残的NODE_MODULE_VERSION，全世界冷眼看着electron
xiaomer的博客
02-22 587
依旧是ffi。查找了一个rebuild方法，结果，只能处理electron:<=4.2.12（结论简单，过程苦不堪言），从5.0.0开始就会出错，这是要去改ffi.cc么？或者，让客户把版本降级？ 这里需要一个表情… … 还有，别人的文章为啥都是长篇大论？ ...
强制安装electron-edge-js后， electron-builder 构建时，使用的 Node.js 版本过高，不支持当前的 OpenSSL 版本，导致构建失败
zhuimr520的博客
11-09 489
最近在用electron+vue3做前端，访问django后端（python代码服务架构），由于前端要连接硬件接口，比如相机，串口等，尝试过c++和c#，如果是c++生成的dll，需要用。通过设置 NODE_OPTIONS 环境变量为 --openssl-legacy-provider，可以强制使用旧版的 OpenSSL 提供程序，从而解决构建过程中的报错问题。在使用 electron-builder 构建项目时，使用的 Node.js 版本过高，不支持当前的 OpenSSL 版本，导致构建失败。
Electron-Builder 多通道发布与自动更新机制详解
最新发布
gitblog_01036的博客
06-03 280
Electron-Builder 多通道发布与自动更新机制详解 概述 在 Electron 应用开发中，electron-builder 提供了强大的多通道发布功能，允许开发者通过不同的发布渠道（如稳定版、测试版和开发版）来管理应用版本的分发。这种机制对于实现渐进式发布、灰度测试等场景非常有用。 通道级别与版本控制 electron-builder 定义了三个标准发布通道，按稳定性从高到低排列： ...
Electron学习笔记Part3-利用Electron builder应用打包EXE
热门推荐
游走的豚鼠君
02-16 2万+
HelloWorld写完并能够成功运行了，接下来将这个HelloWorld应用打包成exe安装包，这样就可以拿到其他电脑安装运行了，个人总结两种打包方式，其实现原理相同，但过程不同。 目前刚刚实验利用Electron builder工具进行打包，需要安装Electron builder模块，在cmd中执行命令 cnpm install electron builder 如图即
Electron - NODE_MODULE_VERSION报错
cratingJ的博客
07-11 1296
Electron - NODE_MODULE_VERSION报错
electron: NODE_MODULE_VERSION error
buler_sky的博客
07-23 236
cnpm rebuild --runtime=electron --target=4.0.5 --disturl=https://atom.io/download/atom-shell --abi=69
NODE_MODULE_VERSION报错
Karl1864 的博客
06-17 1367
每次Electron报NODE_MODULE_VERSION不一致错误时的解决办法： 仔细看是哪个模块有问题 用electron-rebuild重构建，但是需要加参数： ./node_modules/.bin/electron-rebuild --module-dir ./node_modules/_canvas@2.6.1@canvas
NODE_MODULE_VERSION对照表
程序喵的博客
08-03 4364
Node.js及Electron的NODE_MODULE_VERSION对照表
electron-builder打包配置 + electron-updater应用更新完整教程And踩坑总结
weixin_43582313的博客
06-13 5439
electron打包以及应用自动更新一.electron-builder1.electron-builder安装及配置2.electron-builder打包时遇到的问题及解决二. electron-updater 一.electron-builder 1.electron-builder安装及配置 安装命令：yarn add electron-builder --dev 或 npm install electron-builder --dev (PS: 官方推荐使用yarn安装，说是能更好的处理依赖之间的
在windows上 electron 利用electron-builder实现打包，配合electron-updater自动更新
weixin_43990954的博客
11-22 2766
在windows上 electron 利用electron-builder实现打包，配合electron-updater自动更新 笔记贴：突然要用，每次都忘，记录下过程。 1. 确认基础环境 node -v v10.16.3 electron -v v6.0.9 npm -v 6.9.0 2. electron文件夹结构 单package.json结构 ，因参考官方文档显示： Since ...
electron在windows系统下打包出错(electron-forge和electron-builder)
Wjangia的博客
07-07 792
electron在windows系统下打包出错
electron-builder 打包 exe 异常错误集锦
webxscan.com
08-03 2225
说明在下载 nsis-3.0.1.13.7z 这个压缩包时连接超时，这时需要我们手动下载（直接浏览器打开：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.1.13/nsis-3.0.1.13.7z）这个安装包放到指定文件夹： C:\Users\***\AppData\Local\electron-builder\cache\nsis\ 下面（如下图）
electron builder 打包错误相关问题
Passerby_ldr的博客
08-02 1467
electron项目在打包成exe文件时,第一次打包成功,第二次打包就报错了,报错如下: 然后按照提示去下载(https://github.com/electron-userland/electron-builder-binaries/releases)上面方框对应的版本后(提示的连接可以直接下载对应的版本),又报错了,如下图 网上查到的资料有显示需要考虑的原因: 1.磁盘是不是满了 ,我这里磁盘还没满所以这个原因排除; 2.由于某些原因（可能被某些墙阻止等），构建环境失败，出现超时错误,.
2024安装electron及打包工具(electron-builder)
C_hawthorn的博客
02-07 5810
1.安装electron由于国内网速问题，直接安装一般会失败。原因是安装electron会从GitHub拉取二进制文件。同样会因为国内网络问题，导致下载失败。
node js 版本与 NODE_MODULE_VERSION 的对应关系。
Michael to Learn
01-11 1万+
找了好久，居然在官网上就有： 传送门 Version LTS Date V8 npm NODE_MODULE_VERSION[1] Node.js 15.5.1 2021-01-04 8.6.395.17 7.3.0 88 Downloads Changelog Docs Node.js 15.5.0 2020-12-22 8.6.395.17 7.3.0 88 Downloads Changelog Docs Node.js 15.4.0 2020-12-09 8.6.395.17 7.0.15
Electron-builder打包不同系统版本安装包
weixin_38468473的博客
08-22 1981
如果应用程序匹配不上系统很可能会造成打不开的情况，所以下面将会介绍一下如何使用r打包成系统的安装包。打包成不同位数的安装包的方式是通过定义文件中的的参数值去实现。(通过build参数对打包相关进行配置)
electron node_module_version 版本不匹配
qq_21529143的博客
06-16 2998
npm install --save-dev electron-rebuild npm install ./node_modules/.bin/electron-rebuild （win下切忌 / 改为 \）
electron-builder打包失败
04-24
### Electron 使用 `electron-builder` 打包失败的常见原因及解决方案 #### 1. **网络问题导致依赖项下载失败** 当使用 `electron-builder` 进行打包时，如果网络环境较差或者访问国外资源受限，则可能导致某些必要的二进制文件无法正常下载。例如，`nsis` 或其他构建工具可能因为网络超时而中断。 解决方法之一是从国内镜像站点手动下载所需的二进制文件并放置到指定目录中。可以前往以下链接获取所需版本的文件[^3]: - 镜像地址: https://registry.npmmirror.com/binary.html?path=electron-builder-binaries/ 对于 Windows 用户来说，需将下载好的 `.7z` 文件解压后放入本地缓存路径： ```plaintext C:\Users\<YourUsername>\AppData\Local\electron-builder\Cache\nsis\ ``` #### 2. **配置错误引发的打包异常** 另一个常见的问题是由于项目中的 `package.json` 或者 `builder.config.js` 的配置不正确引起的。这通常表现为缺少必要字段或参数设置不当。 确保在项目的根目录下的 `package.json` 中包含如下结构[^2]： ```json { "name": "your-app-name", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "build": "electron-builder" }, "devDependencies": { "electron": "^latest-version", "electron-builder": "^latest-version" } } ``` 同时也可以创建单独的 `electron-builder` 配置文件来细化选项，比如： ```javascript module.exports = { appId: 'com.example.yourapp', directories: { output: 'dist' }, files: [ '**/*', '!node_modules/**' // 排除不必要的模块以减少最终体积 ], }; ``` #### 3. **权限不足或其他系统级冲突** 有时即使解决了上述两个方面的问题，仍然会因操作系统本身的限制而导致打包过程受阻。特别是 Linux 和 macOS 平台上的用户需要注意是否有足够的磁盘空间以及运行脚本时是否具备适当的操作权限。 尝试通过提升命令执行权限的方式来规避此类障碍（仅适用于Linux/MacOS）: ```bash sudo npm run build --unsafe-perm=true ``` 另外，在Windows环境下建议关闭杀毒软件实时防护功能暂时避免误报干扰。 --- ### 示例代码片段展示如何调整基本配置 下面给出一段简单的 JavaScript 脚本来演示如何修改默认行为以便更好地适应特定需求: ```javascript const { app, BrowserWindow } = require('electron'); let mainWindow; function createWindow () { mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: __dirname + '/preload.js', nodeIntegration: true } }); mainWindow.loadFile('index.html'); } app.whenReady().then(createWindow); ``` 以上示例展示了基础窗口初始化部分的内容；实际应用过程中还需要考虑更多细节如跨进程通信机制等。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值