electron-builder打包时报NODE_MODULE_VERSION错误

最新推荐文章于 2025-03-05 13:35:16 发布
最新推荐文章于 2025-03-05 13:35:16 发布
阅读量2.4k 收藏
点赞数
分类专栏： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jbguo/article/details/103456970
版权

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 6746
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 891
会自动下载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，打开后窗口大小。
Electron - NODE_MODULE_VERSION报错
cratingJ的博客
07-11 1253
Electron - NODE_MODULE_VERSION报错
Electron桌面应用开发：创建应用
最新发布
m0_73500130的博客
03-05 1537
Electron是一个由 GitHub 开发并开源的框架，允许开发者使用构建跨平台的桌面应用程序。它结合了和Node.js，使得开发者可以轻松地将 Web 应用程序转换为原生桌面应用。Electron支持 Windows、macOS 和 Linux 三大主流操作系统，开发者只需编写一次代码即可在多个平台上运行，同时可以直接复用现有的前端技术栈和工具链（如React,Vue,Angular等），轻松集成各种npm包，它还内置，开发者可以直接调试界面和逻辑，提高开发效率。
electron: NODE_MODULE_VERSION error
buler_sky的博客
07-23 226
cnpm rebuild --runtime=electron --target=4.0.5 --disturl=https://atom.io/download/atom-shell --abi=69
electron builder 打包错误相关问题
Passerby_ldr的博客
08-02 1381
electron项目在打包成exe文件时,第一次打包成功,第二次打包就报错了,报错如下: 然后按照提示去下载(https://github.com/electron-userland/electron-builder-binaries/releases)上面方框对应的版本后(提示的连接可以直接下载对应的版本),又报错了,如下图 网上查到的资料有显示需要考虑的原因: 1.磁盘是不是满了 ,我这里磁盘还没满所以这个原因排除; 2.由于某些原因（可能被某些墙阻止等），构建环境失败，出现超时错误,.
electron node_module_version 版本不匹配
qq_21529143的博客
06-16 2974
npm install --save-dev electron-rebuild npm install ./node_modules/.bin/electron-rebuild （win下切忌 / 改为 \）
electron-builder 打包过慢解决
qq_44428688的博客
06-25 1179
上图这个目录下找到这个文件 将以下内容粘贴进去就可以了。
electron-builder打包配置 + electron-updater应用更新完整教程And踩坑总结
weixin_43582313的博客
06-13 5366
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 2742
在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 747
electron在windows系统下打包出错
继续谈下脑残的NODE_MODULE_VERSION，全世界冷眼看着electron
xiaomer的博客
02-22 572
依旧是ffi。查找了一个rebuild方法，结果，只能处理electron:<=4.2.12（结论简单，过程苦不堪言），从5.0.0开始就会出错，这是要去改ffi.cc么？或者，让客户把版本降级？ 这里需要一个表情… … 还有，别人的文章为啥都是长篇大论？ ...
将electron的文件夹复制到项目node_modules文件夹下即可
wycyl301的博客
08-17 921
npm安装electron的时候， 可以用cnpm先安装：cnpm install electron -g 然后将electron的文件夹复制到项目node_modules文件夹下即可；
脑残的NODE_MODULE_VERSION，node冷眼看着electron
xiaomer的博客
02-21 837
只是想调用dll而已，结果各种坑。 查找的一种建议：选取Node版本与Electron版本的NODE_MODULE_VERSION一致。 node只有88,83,79,72,67,64… …诶； Electron只有… …64,69,69,70,73,75,76,80,82, 85。 介四儿逗俺玩儿捏？ 这里需要大量表情… … ...
NODE_MODULE_VERSION报错
Karl1864 的博客
06-17 1340
每次Electron报NODE_MODULE_VERSION不一致错误时的解决办法： 仔细看是哪个模块有问题 用electron-rebuild重构建，但是需要加参数： ./node_modules/.bin/electron-rebuild --module-dir ./node_modules/_canvas@2.6.1@canvas
electron-builder通用配置(翻译)
热门推荐
YumOS的博客
05-05 2万+
本文是基于electron-builder官方文档进行的中文翻译，最下方有electron-builder的用法举例，翻译未完全
electron-builder
weixin_43663255的博客
12-23 339
electron 桌面开发 编译构建
Electron-builder打包安装包——编译篇
Neo的博客
03-05 2846
electron在打包过程中需要访问github的镜像依赖，在大多数情况下由于网络问题都会报错，尤其是在离线环境下，还有报401,404错误等。1.electron安装包，electron-builder相关安装包：winCodeSign、nsis。
electron打包：electron-packager及electron-builder两种方式实现（for Windows）
顺其自然~专栏
04-19 1万+
本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。 本文适用于有一些electron实践经验的小伙伴，知道如何创建一个简单的electron应用，并且知道electron主进程、渲染进程间如何通信。 electron-packager 使用命令npm install elect.
electron-builder打包 配置
01-08
### 配置 electron-builder 进行 Electron 应用程序打包 #### 使用 `package.json` 文件中的配置项 为了简化构建过程并提供必要的参数给 `electron-builder`，可以在项目的根目录下找到的 `package.json` 文件中加入特定字段。这些字段用于指定应用程序元数据、目标平台和其他选项。 ```json { "name": "your-app-name", "version": "0.1.0", "build": { "appId": "com.electron.yourapp", "productName": "YourAppName", "directories": { "output": "out" }, "files": [ "dist/**/*", "!node_modules/electron/**/*" ], "dmg": { "background": "assets/background.png", "icon": "assets/icon.icns" } } } ``` 此部分描述了如何通过修改项目内的 JSON 文件来设置基本属性[^1]。 #### 创建独立的配置文件 除了直接在 `package.json` 中定义外，还可以创建一个名为 `builder.config.js` 或者 `.eletron-vue/builder.config.js`(对于基于 Vue 的项目) 的 JavaScript 文件来进行更复杂的配置： ```javascript module.exports = { appId: 'com.example.app', productName: 'Example App', directories: { output: './release' }, files: ['./build/**/*', '!./build/**/*.map'], dmg: { background: './resources/dmg-background.png', icon: './resources/app-icon.icns' }, mac: [{ target: ['zip'] }], win: [{ target: ['nsis'] }] }; ``` 这段代码展示了另一种方法——利用外部脚本实现更加灵活多变的定制化需求[^2]。 #### 命令行参数补充说明 当命令行调用 `electron-builder` 工具时，也可以传递额外参数来自定义行为。例如，在 macOS 上可以这样操作: ```bash electron-builder --mac --x64 --publish always ``` 这会指示 builder 只针对 Mac 平台编译 x64 架构版本的应用，并自动发布到预设的服务上[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值