在x86架构Linux系统上编译arm64Linux的Electron项目

在x86架构Linux系统上编译arm64Linux的Electron项目

版本问题

 "electron": "8.5.5",  // 更高的版本应该都可以 如果是Mac系统需要大于11.0.0的版本
 "electron-builder": "^22.10.5",

亲测在Ubuntu20.0环境打包软件成功 x86架构
然后在Ubuntu21.0 (树莓派的镜像)arm64架构 成功安装 Ubuntu20.04打包的软件。
在树莓派的Debain系统镜像无法安装(dpkg -i 报错某些依赖安装不上)

修改配置文件

修改根目录下的package.json文件

"scripts": {
    "build": "concurrently \"yarn build:main\" \"yarn build:renderer\"",
    "build-dll": "yarn postinstall",
    "build:main": "cross-env NODE_ENV=production webpack --config ./.erb/configs/webpack.config.main.prod.babel.js",
    "build:renderer": "cross-env NODE_ENV=production webpack --config ./.erb/configs/webpack.config.renderer.prod.babel.js",
    "build-linux": "rm -rf src/dist && yarn build && electron-builder build --linux",
},
"build": {
    "productName": "xxxx",
    "extends": null,
    "copyright": "Satrun",
    "appId": "org.saturn.xxxx",
    "files": [],
    "win": {
      "target": [
        {
          "target": "nsis",
          "arch": [
            "x64",
            "ia32"
          ]
        }
      ]
    },
    "linux": {
      "target": [
        {
          "target": "deb",
          "arch": [
            "x64",
            "armv7l",   // 加上这行
            "arm64"     // 加上这行
          ]
        }
      ],
      "category": "SmartAssembly"
    },
    "directories": {
      "app": "src",
      "buildResources": "assets",
      "output": "release"
    },
    "extraResources": [
      "./assets/**"
    ]
  },
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在Linux上使用 Electron,您需要先安装 Node.js 和 npm。然后,您可以通过以下步骤来使用 Electron: 1. 创建一个新的项目目录,并使用 npm 初始化它。 ```bash mkdir my-electron-app cd my-electron-app npm init ``` 2. 安装 Electron。 ```bash npm install electron --save-dev ``` 3. 在您的项目中创建一个新的主进程文件,例如 `main.js`。 ```javascript const { app, BrowserWindow } = require('electron') function createWindow () { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) win.loadFile('index.html') // 打开开发者工具 win.webContents.openDevTools() } app.whenReady().then(() => { createWindow() app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) createWindow() }) }) app.on('window-all-closed', function () { if (process.platform !== 'darwin') app.quit() }) ``` 4. 创建一个新的渲染进程文件,例如 `index.html`。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My Electron App</title> </head> <body> <h1>Hello World!</h1> <script src="renderer.js"></script> </body> </html> ``` 5. 在您的项目中创建一个新的渲染进程脚本文件,例如 `renderer.js`。 ```javascript console.log('Hello from renderer process!') ``` 6. 在您的项目中创建一个新的启动脚本文件,例如 `start.sh`,并为其添加执行权限。 ```bash touch start.sh chmod +x start.sh ``` 7. 在 `start.sh` 文件中添加以下内容。 ```bash #!/bin/bash ./node_modules/.bin/electron . ``` 8. 运行 `start.sh` 文件以启动 Electron 应用程序。 ```bash ./start.sh ``` 这样,您就可以在 Linux 上使用 Electron 了。请注意,这只是一个简单的示例,您可以根据需要进行更改和扩展。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值