electron按照官网步骤打包失败的解决办法

官网的地址:快速入门 | Electron
当我们按照官网的步骤打包的时候,会遇到很多坑,最常见的就是链接网络下载地址失败、或者找不到指定module等,解决办法如下:以npm为例:
1.配置npm下载环境:在~/.npmrc里做如下设置

electron_mirror="https://npm.taobao.org/mirrors/electron/"
(该文件为隐藏文件,在命令行用vim进入即可,然后添加这句话)
2.各种依赖的版本用如下配置,亲测有效:测试日期是2021/10/29日
package.json用如下替换:

{
  "name": "my-electron-app024906",
  "version": "1.0.0",
  "description": "hhhh",
  "main": "main.js",
  "author": "wkk",
  "license": "MIT",
  "scripts": {
    "start": "electron-forge start",
    "package": "electron-forge package",
    "make": "electron-forge make"
  },
  "dependencies": {
    "electron-compile": "^6.4.3",
    "electron-squirrel-startup": "^1.0.0"
  },
  "devDependencies": {
    "@electron-forge/cli": "^6.0.0-beta.61",
    "@electron-forge/maker-deb": "^6.0.0-beta.61",
    "@electron-forge/maker-rpm": "^6.0.0-beta.61",
    "@electron-forge/maker-squirrel": "^6.0.0-beta.61",
    "@electron-forge/maker-zip": "^6.0.0-beta.61",
    "electron": "15.3.0"
  },
  "config": {
    "forge": {
      "packagerConfig": {},
      "makers": [
        {
          "name": "@electron-forge/maker-squirrel",
          "config": {
            "name": "my_electron_app024906"
          }
        },
        {
          "name": "@electron-forge/maker-zip",
          "platforms": [
            "darwin"
          ]
        },
        {
          "name": "@electron-forge/maker-deb",
          "config": {}
        },
        {
          "name": "@electron-forge/maker-rpm",
          "config": {}
        }
      ]
    }
  }
}

3.其余文件和官网一模一样。

4.输入cnpm i   然后npm run make 就大功告成

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Electron-packager 是一个用于将 Electron 应用程序打包为可执行文件的工具。使用它可以将你的 Electron 项目构建为各个操作系统(如 Windows、Mac 和 Linux)的独立应用程序。 以下是使用 electron-packager 打包整理 Electron 应用程序的步骤: 1. 首先,确保你已经在项目中安装了 electron-packager。可以通过运行以下命令进行安装: ``` npm install electron-packager --save-dev ``` 2. 在项目的根目录下,创建一个打包脚本(例如 package.js),并将以下代码添加到文件中: ```javascript const packager = require('electron-packager'); const options = { // 你的应用程序的根目录 dir: '.', // 应用程序的平台(例如:darwin、win32、linux) platform: 'PLATFORM', // 应用程序的架构(例如:ia32、x64、armv7l) arch: 'ARCH', // 应用程序输出的目录 out: 'BUILD_FOLDER', // 应用程序的名称 name: 'APP_NAME', // 应用程序的可执行文件名 executableName: 'EXECUTABLE_NAME', // 其他选项... }; packager(options) .then(appPaths => { console.log('应用程序已成功打包到以下路径:', appPaths); }) .catch(err => { console.error('应用程序打包失败:', err); }); ``` 请根据你的项目需求修改上述代码中的选项。 3. 在终端或命令提示符中运行以下命令,以执行打包脚本: ``` node package.js ``` 这将使用 electron-packager 打包整理你的 Electron 应用程序。打包成功后,应用程序将被输出到指定的输出目录。 请注意,根据你的操作系统,需要设置正确的平台和架构参数。例如,对于 Windows 平台,platform 参数应设置为 'win32',arch 参数应设置为 'ia32' 或 'x64'。 希望这些步骤能够帮助你使用 electron-packager 打包整理你的 Electron 应用程序。如果有任何其他问题,请随时提问!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值