Electron 开发环境注意项、踩坑补坑记录

Electron Bug 解决

1、package.json里的lib参数删除

2、项目目录不允许有中文，否则不能下载打包依赖，导致无法打包

3、每次打包软件前都可能缺失依赖包，需要手动在package.json文件里的dependencies填写依赖名称和版本

4、打包软件时不能出现本软件运行状态（CsszView），需要从任务管理器关闭，否则将会打包失败,（builder文

件夹为打包结束后生成的程序）

5、打包出错请删除 builder 文件夹 （名字过长无法覆盖删除，需强行粉碎或压缩文件为zip并选择删除源文件）

6、打包加密忽略配置

"asarUnpack": [
  "**/node_modules/iconv-lite/**/*",
  "**/node_modules/ip/**/*",
  "**/node_modules/ws/**/*",
  "**/node_modules/koa/**/*",
  "**/node_modules/koa-router/**/*",
  "**/node_modules/koa-static/**/*",
  "**/node_modules/path/**/*",
  "**/web/**/*"
],
"extraResources": [
  {
    "from": "./web",
    "to": "app.asar.unpacked/web"
  }
],

7、打包取消加密

"build": { "asar": false }

8、打包文件添加配置

"build": {
    "files": [
      "web/**",
      "main.js",
      "preload.js",
      "config.js"
    ]
}

9、报错信息 was compiled against a different Node.js version using

node版本与electron版本不一致导致报错

//electron端查看版本
console.log("node:", process.versions.node)
console.log("electron:", process.versions.electron)
console.log("modules:", process.versions.modules)

cnpm rebuild --runtime=electron --target=15.3.0 --disturl=https://atom.io/download/atom-shell --abi=98 

15.3.0是你的electron版本，98是modules

node 16.5.0 electron 15.3.0 modules 98（此版本程序解决成功）

10、@serialport串口通讯模块包找不到路径

electron不能引入相对路径，换成绝对路径写法

./node_modules/serialport/node_modules/@serialport/parser-delimiter

11、串口数据间断配置

因为传递的数据是不间断的，需要拼接数据

第一种方法用前端防抖节流做，第二种是内置方法配置间断符 ‘/n’ 为换行符，实际需什么符得看传回数据共同点

//配置间断符
const parser = serialPort.pipe(new Delimiter({ delimiter: '.' }))
//串口设备传来的数据 是buffer对象，用toString转一下码
parser.on('data', function (data) {
  console.log(data.toString());
})

12、打包软件时出现的文件缺失

cannot resolve https://npm.taobao.org/mirrors/electron/15.3.4/electron-v15.3.4-win32-x64.zip: status code 404

1. 打包时下载electron-v.xxxx.zip文件失败

   解决办法：直接在淘宝的文件库下载对应版本和打包平台的文件，

   下载完成后放在C:\Users\Administrator\AppData\Local\electron\Cache这个目录下

2. 打包时下载winCodeSign-v.xxx.7z文件失败

   下载地址：https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.5.0/winCodeSign-2.5.0.7z

   下载完解压放到C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign目录下

3. 打包时下载nsis-v.xxx.7z文件失败

   下载地址：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z

   下载完解压放到C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis

4. 打包时下载nsis-resources-v.xxx.7z文件失败

   下载地址：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z

   下载完解压放到C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis\nsis-resources-3.4.1

下载的文件如果需要其他版本，直接修改链接中的版本号即可！！！

13、Electron执行electron-builder打包命令报错

报错：Error: C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis\nsis-

3.0.3.2\Bin\makensis.exe exited with code 1Output:

解决：electron项目路径不能有中文！

14、打包支持中文路径

解决：打开 C:\Users\Administrator\AppData\Roaming\npm\node_modules\electron-

builder\node_modules\app-builder-lib\out\targets\nsis/NsisTarget.js文件，在 executeMakensis 方法中加入

我们所需的参数args.push(“-INPUTCHARSET”, “UTF8”);

原文链接：https://blog.csdn.net/kyq0417/article/details/111266776

15、出错Fatal error: Unable to commit changes

错误原因：电脑开着杀毒软件或者C盘存储空间不足的情况下导致

解决方法:把所有的杀毒软件退出，清理一下磁盘。再重新打包。

16、使用 electron-store 报错

解决方法：降版本 “electron-store”: “^4.0.0”

17、使用 electron 加密打包后 fs模块无法读写操作，原因是，fs内部路径读写成了 xxx/app.asar，建议使用

electron-store做数据存储，或者自行把路径分割。

18、注册无反应，报错error:1e000065:Cipher functions:OPENSSL_internal:BAD_DECRYPT

解决：双向加密密钥不对称

19、electron程序闪退，打不开，报错gpu_data_manager_impl_private.cc(231)] SetSecurityInfo returned 5

解决：卸载360！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

20、因为NPM在国内比较慢。导致electron-V.xxxx.zip下载失败。这些东西如果是第一次打包的话是需要下载对

应electron版本的支持文件。

设置镜像：在C盘User中找到.npmrc文件。然后加入下面这句代码,但是这个有时候也不是很好用

ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

21、串口包报错WIN32位无法用

解决方法：安装electron-rebuild 用于重新编译c++原生模块

npm install --save-dev electron-rebuild

对serialport重新编译

.\node_modules\.bin\electron-rebuild.cmd  

node-gyp rebuild --arch=ia32

22、打包运行出现Cannot find module ‘has-symbols’

npm i has-symbols -g

需要全局下载此包，然后在package.json中加上此包。

遇到一些没有调用过的包时，打包后报错无法加载没有调用过的包，需要手动下载包和写进package.json

23、出现闪退

[9456:0425/180145.834:ERROR:gpu_process_host.cc(951)] GPU process launch failed: error_code=18
[9456:0425/180145.834:FATAL:gpu_data_manager_impl_private.cc(417)] GPU process isn't usable. Goodbye.

解决：从package.json删掉"requestedExecutionLevel": “requireAdministrator”

这句话代表需要用管理员才能打开程序，一般盗版系统打不开此软件，国内大多盗版，所以最好去掉