vue项目打包成exe(win7)

使用electron打包exe,参考花开花落的博客
,打包win7版本的用的不是最新版本electron,如果用的是新版本的打包之后在win7电脑会报错(不是有效的win32应用程序)

解决办法:
1.下载electron-quick-start(我用的node版本是16.20.2)
2.删除package.json里的electron依赖和package-lock.json文件
3.下载electron 20.3.12版本和electron-builder 23.6.0(这里要用20版本的,20之上的版本会有问题)npm install electron@20 --save-dev 和 npm install electron-builder@23 --save-dev
4.配置package.json中build打包相应的exe(下面是package.json文件)

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "packager": "electron-builder --win --ia64",
    "build": "electron-builder"
  },
  "build": {
    "appId": "121212",
    "productName": "123",
    "files": [
      "dist/**/*",
      "main.js",
      "preload.js"
    ],
    "directories": {
      "output": "build"
    },
    "win": {
      "target": [
        "nsis"
      ]
    },
    "nsis": {
      "oneClick": false,
      "perMachine": true,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true
    }
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^20.3.12",
    "electron-builder": "^23.6.0",
    "electron-packager": "^17.1.2"
  }
}

5.自己项目打包之后放在electron-quick-start的dist文件放在根目录(最后生成的exe在build中)在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐