Electron打包vue+java+nginx 踩坑记录

进击的企鹅呀2024-04-14 9:43

记录下遇到的问题：

⚠注意：64位系统和32位系统的配置不太一样

1、运行npm run packager失败

原因：在package.json没有对应命令
解决：在package.json 中添加对应命令，其中testApp是你想要的输入的项目名称， win32表示程序运行在Windows平台，--arch=ia32,x64表示系统类型，使用 x86(ia32) 还是x64。具体的可以去官网看https://portrait.gitee.com/strex/electron-app

bash 复制代码

"scripts": {
    "start": "electron .",
    "packages": "electron-packager . testApp --platform=win32 --arch=ia32,x64 --icon=./logo.ico --asar --app-version=1.0.0 --overwrite"
  },

2、下载 electron-v21.2.0-win32-ia32 失败

解决：直接去淘宝镜像文件库找到对应的文件并下载，放到指定的目录下，electron的淘宝镜像地址 https://npm.taobao.org/mirrors/electron/。一般文件得地址在C:\Users\Administrator\AppData\Local\electron\Cache

3、运行exe报错shell

原因：在main.js用了shell，但没引入
解决：

bash 复制代码

const { app, BrowserWindow,shell } = require('electron')
shell.openPath(path.resolve()+'.\\stop.bat')

4、报错缺少各种.dll文件

原因：打包时设置了是打包32位，结果应用运行在了64位系统
解决：更改配置--arch=ia32

5、无法找到入口

原因：最终程序要运行在win7 ，目前electron^29.1.6版本过高。

百度给出的解释：electron@21.4.4之后打出来的版本，都仅支持在win8以上的系统执行

解决：降级electron为^21.2.0