実行形式ファイルに固める。ラズパイではAppImageファイルになった。

ブツ

Electron.MyLog.electron.builder.20220906123159

経緯

かつてElectronを使ってみるのとき、Electronのクイックスタートに書いてあった通りelectron-forgeを使ってビルドを試みたが、エラーが出てできなかった。

今回はelectron-builderを使ってみる。

参考

electron-builder

インストール

npm i -D electron-builder

設定ファイル

package.json 抜粋

{
  "name": "electron-github-api",
  "version": "1.0.0",
  "description": "",
  "main": "src/js/main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder build",
    "build_all": "electron-builder build -lmw",
    "build_linux ": "electron-builder build -l",
    "build_mac": "electron-builder build -m",
    "build_win": "electron-builder build -w",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "build": {
    "appId": "electron.mylog",
    "productName": "electron.mylog",
    "directories": {
      "output": "build"
    },
    "files": [
      "**/*",
      "src/db/mylog.db"
    ],
    "mac": {
      "icon": "assets/mac/icon.icns",
      "target": [
        "dmg"
      ]
    },
    "win": {
      "icon": "assets/win/icon.ico",
      "target": "nsis"
    },
    "nsis":{
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    }
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron": "^20.0.2",
    "electron-builder": "^23.3.3"
  },
  "dependencies": {
    "axios": "^0.27.2",
    "electron-fetch": "^1.7.4",
    "sql.js": "^1.7.0"
  }
}

ビルドコマンド

  "scripts": {
    "build": "electron-builder build",
    "build_all": "electron-builder build -lmw",
    "build_linux ": "electron-builder build -l",
    "build_mac": "electron-builder build -m",
    "build_win": "electron-builder build -w",
  },

npm run buildなどで実行できる。

npm startはrunなしで実行できるのに、なぜbuildはrunが必要なのだろう？　謎。

electron-builderの引数は以下のとおり。

第一引数	結果
`なし`	実行したOSに合った実行形式ファイルを作成する
`-l`	Linux用の実行形式ファイルを作成する
`-m`	Mac用の実行形式ファイルを作成する
`-w`	Windows用の実行形式ファイルを作成する
`-lmw`	Linux,Mac,Windows用の実行形式ファイルを作成する

electron-builderヘルプ

./node_modules/.bin/electron-builder --help

ヘルプ

electron-builder

Build

コマンド:
  electron-builder build                    Build                   [デフォルト]
  electron-builder install-app-deps         Install app deps
  electron-builder node-gyp-rebuild         Rebuild own native code
  electron-builder create-self-signed-cert  Create self-signed code signing cert
                                            for Windows apps
  electron-builder start                    Run application in a development
                                            mode using electron-webpack

Building:
  -m, -o, --mac, --macos       Build for macOS, accepts target list (see
                               https://goo.gl/5uHuzj).                    [配列]
  -l, --linux                  Build for Linux, accepts target list (see
                               https://goo.gl/4vwQad)                     [配列]
  -w, --win, --windows         Build for Windows, accepts target list (see
                               https://goo.gl/jYsTEJ)                     [配列]
      --x64                    Build for x64                              [真偽]
      --ia32                   Build for ia32                             [真偽]
      --armv7l                 Build for armv7l                           [真偽]
      --arm64                  Build for arm64                            [真偽]
      --universal              Build for universal                        [真偽]
      --dir                    Build unpacked dir. Useful to test.        [真偽]
      --prepackaged, --pd      The path to prepackaged app (to pack in a
                               distributable format)
      --projectDir, --project  The path to project directory. Defaults to
                               current working directory.
  -c, --config                 The path to an electron-builder config. Defaults
                               to `electron-builder.yml` (or `json`, or
                               `json5`), see https://goo.gl/YFRJOM

Publishing:
  -p, --publish  Publish artifacts, see https://goo.gl/tSFycD
       [選択してください: "onTag", "onTagOrDraft", "always", "never", undefined]

Other:
      --help     ヘルプを表示                                             [真偽]
      --version  バージョンを表示                                         [真偽]

例:
  electron-builder -mwl                     build for macOS, Windows and Linux
  electron-builder --linux deb tar.xz       build deb and tar.xz for Linux
  electron-builder --win --ia32             build for Windows ia32
  electron-builder                          set package.json property `foo` to
  -c.extraMetadata.foo=bar                  `bar`
  electron-builder                          configure unicode options for NSIS
  --config.nsis.unicode=false

See https://electron.build for more documentation.

ビルド設定

  "build": {
    "appId": "electron.mylog",
    "productName": "electron.mylog",
    "directories": {
      "output": "build"
    },
    "files": [
      "**/*",
      "src/db/mylog.db"
    ],
    "mac": {
      "icon": "assets/mac/icon.icns",
      "target": [
        "dmg"
      ]
    },
    "win": {
      "icon": "assets/win/icon.ico",
      "target": "nsis"
    },
    "nsis":{
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    }
  },

filesで"**/*""**/*"や"src/db/mylog.db"をセットしているのに、なぜかsrc/db/mylog.dbファイルがビルドに含まれない。

ビルド

npm run build

> electron-github-api@1.0.0 build
> electron-builder build

  • electron-builder  version=23.3.3 os=5.10.103-v7l+
  • loaded configuration  file=package.json ("build" field)
  • description is missed in the package.json  appPackageFile=/tmp/work/Electron.MyLog.electron.builder.20220906123159/package.json
  • writing effective config  file=build/builder-effective-config.yaml
  • packaging       platform=linux arch=armv7l electron=20.0.3 appOutDir=build/linux-armv7l-unpacked
  • building        target=snap arch=armv7l file=build/electron-github-api_1.0.0_armhf.snap
  • building        target=AppImage arch=armv7l file=build/electron.mylog-1.0.0-armv7l.AppImage
  • application Linux category is set to default "Utility"  reason=linux.category is not set and cannot map from macOS docs=https://www.electron.build/configuration/linux
  • default Electron icon is used  reason=application icon is not set
  • application Linux category is set to default "Utility"  reason=linux.category is not set and cannot map from macOS docs=https://www.electron.build/configuration/linux
  ⨯ cannot execute  cause=exit status 1
                    errorOut=/home/pi/.cache/electron-builder/appimage/appimage-12.0.1/linux-arm32/mksquashfs: Compressor "xz" is not supported!
    /home/pi/.cache/electron-builder/appimage/appimage-12.0.1/linux-arm32/mksquashfs: Compressors available:
    	gzip (default)
    
                    command=/home/pi/.cache/electron-builder/appimage/appimage-12.0.1/linux-arm32/mksquashfs /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/lib /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/desktop-gnome-specific.sh /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/desktop-common.sh /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/data-dir /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/usr /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/desktop-init.sh /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/gnome-platform /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/.DS_Store /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/__snap-armhf/command.sh /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/__snap-armhf/scripts /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/__snap-armhf/meta /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/electron-github-api /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/resources /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/chrome_100_percent.pak /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/snapshot_blob.bin /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/chrome_200_percent.pak /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/chrome_crashpad_handler /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/v8_context_snapshot.bin /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/vk_swiftshader_icd.json /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libvulkan.so.1 /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libEGL.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libvk_swiftshader.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libGLESv2.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libffmpeg.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/icudtl.dat /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/resources.pak /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/locales /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/electron-github-api_1.0.0_armhf.snap -no-progress -quiet -noappend -comp xz -no-xattrs -no-fragments -all-root
                    workingDir=

ビルド出力確認

package.jsonのbuild設定で以下のように出力先をセットしていた。ここにバイナリが出力される。

    "directories": {
      "output": "build"
    },

ルート配下にあるbuildディレクトリのファイル一覧。

$ ls -1
__snap-armhf
builder-debug.yml
builder-effective-config.yaml
electron.mylog-1.0.0-armv7l.AppImage
linux-armv7l-unpacked

実行確認

拡張子AppImageが実行形式ファイル。84.2MiB。重すぎる。たぶんChromiumが丸ごと入っているせい。

GUIファイルエクスプローラで実行しようとすると以下ダイアログが出るので、実行ボタンを押す。

このファイル'electron.mylog-1.0.0-armv7l.AppImage'は実行可能ファイルです。実行しますか？

アプリが起動した

実行時エラー

アプリの開発者ツールのコンソールにて、以下エラーが表示された。

Uncaught (in promise) Error: Error invoking remote method 'loadDb': Error: ENOENT: no such file or directory, open 'src/db/mylog.db'

src/db/mylog.dbファイルが存在しないらしい。

設定は間違っていないはず。file-patternsを参考にし、package.jsonのfilesを以下のように修正してから再ビルドしても同じだった。

    "files": [
      "**/*"
    ],

以下のように修正して再ビルドしても変わらなかった。

    "files": [
      "**/*",
      "src/db/mylog.db"
    ],

そこで、実行ファイルelectron.mylog-1.0.0-armv7l.AppImageのディレクトリ配下にsrc/db/mylog.dbをコピーしてやると成功した。

npm startしたときの表示と違う部分がある。リポジトリ名がapp.asar.Siteになっている。Electron.MyLog.electron.builder.20220906123159.Siteのように{ルートディレクトリ名}.Siteになるよう実装してあるはずなのに。app.asarってなんぞ？

とにかく、これで実行ファイルが動いた。めでたしめでたし。

試行錯誤

ビルドに失敗しまくったログ。

エラー1

npm build_linux

Unknown command: "build_linux"

Did you mean one of these?
    npm run build_linux  # run the "build_linux " package script
    npm run build_win # run the "build_win" package script

To see a list of supported npm commands, run:
  npm help

え、package.jsonのscriptsでコマンドを作れるのではなかったの？　なんか勘違いしてた？

ログにnpm run build_linuxとか出てるのでそれか？　でも同じくscriptsにセットしてあるnpm startは間にrunなくても動作するよ？　なぜそんな違いが出るの？

エラー2

npxってのもある。package.jsonに書いたコマンドをそのまま渡してみる。

$ npx run electron-bilder build -l
Need to install the following packages:
  run
Ok to proceed? (y)

Watching /tmp/work/Electron.MyLog.electron.builder.20220906123159 and all sub-directories not excluded by your .gitignore. Will not monitor dotfiles.
Found & ignored ./node_modules ; is listed in .gitignore
Found & ignored ./src/css/styles.css ; has ignored extension
Found & ignored ./src/css/toastify.css ; has ignored extension
Found & ignored ./src/css/toot-dialog.css ; has ignored extension
Found & ignored ./src/css/transaction.css ; has ignored extension
Found & ignored ./src/css/ui.css ; has ignored extension
Found & ignored ./src/db/mylog.db ; has ignored extension
Found & ignored ./src/js/app/github/export/style.css ; has ignored extension
Found & ignored ./src/lib/tingle/0.16.0/tingle.css ; has ignored extension
Found & ignored ./src/lib/toastify/1.11.2/min.css ; has ignored extension

Starting: electron-bilder build -l
node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module '/tmp/work/Electron.MyLog.electron.builder.20220906123159/electron-bilder'
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

ここでフリーズした。モジュールが見つからない？　なんのこっちゃ。

成功

./node_modules/.bin/electron-builderを直接叩いた。数分かかったがビルドできた！

$ ./node_modules/.bin/electron-builder
  • electron-builder  version=23.3.3 os=5.10.103-v7l+
  • loaded configuration  file=package.json ("build" field)
  • description is missed in the package.json  appPackageFile=/tmp/work/Electron.MyLog.electron.builder.20220906123159/package.json
  • writing effective config  file=build/builder-effective-config.yaml
  • packaging       platform=linux arch=armv7l electron=20.0.3 appOutDir=build/linux-armv7l-unpacked
  • downloading     url=https://github.com/electron/electron/releases/download/v20.0.3/electron-v20.0.3-linux-armv7l.zip size=78 MB parts=8
  • downloaded      url=https://github.com/electron/electron/releases/download/v20.0.3/electron-v20.0.3-linux-armv7l.zip duration=52.234s
  • building        target=snap arch=armv7l file=build/electron-github-api_1.0.0_armhf.snap
  • building        target=AppImage arch=armv7l file=build/electron.mylog-1.0.0-armv7l.AppImage
  • application Linux category is set to default "Utility"  reason=linux.category is not set and cannot map from macOS docs=https://www.electron.build/configuration/linux
  • default Electron icon is used  reason=application icon is not set
  • application Linux category is set to default "Utility"  reason=linux.category is not set and cannot map from macOS docs=https://www.electron.build/configuration/linux
  • downloading     url=https://github.com/electron-userland/electron-builder-binaries/releases/download/appimage-12.0.1/appimage-12.0.1.7z size=1.6 MB parts=1
  • downloading     url=https://github.com/electron-userland/electron-builder-binaries/releases/download/snap-template-4.0-1/snap-template-electron-4.0-1-armhf.tar.7z size=1.3 MB parts=1
  • downloaded      url=https://github.com/electron-userland/electron-builder-binaries/releases/download/appimage-12.0.1/appimage-12.0.1.7z duration=3.842s
  • downloaded      url=https://github.com/electron-userland/electron-builder-binaries/releases/download/snap-template-4.0-1/snap-template-electron-4.0-1-armhf.tar.7z duration=4.143s
  ⨯ cannot execute  cause=exit status 1
                    errorOut=/home/pi/.cache/electron-builder/appimage/appimage-12.0.1/linux-arm32/mksquashfs: Compressor "xz" is not supported!
    /home/pi/.cache/electron-builder/appimage/appimage-12.0.1/linux-arm32/mksquashfs: Compressors available:
    	gzip (default)
    
                    command=/home/pi/.cache/electron-builder/appimage/appimage-12.0.1/linux-arm32/mksquashfs /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/lib /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/desktop-gnome-specific.sh /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/desktop-common.sh /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/data-dir /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/usr /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/desktop-init.sh /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/gnome-platform /home/pi/.cache/electron-builder/snap/snap-template-electron-4.0-1-armhf/.DS_Store /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/__snap-armhf/command.sh /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/__snap-armhf/scripts /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/__snap-armhf/meta /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/electron-github-api /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/resources /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/chrome_100_percent.pak /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/snapshot_blob.bin /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/chrome_200_percent.pak /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/chrome_crashpad_handler /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/v8_context_snapshot.bin /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/vk_swiftshader_icd.json /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libvulkan.so.1 /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libEGL.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libvk_swiftshader.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libGLESv2.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/libffmpeg.so /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/icudtl.dat /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/resources.pak /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/linux-armv7l-unpacked/locales /tmp/work/Electron.MyLog.electron.builder.20220906123159/build/electron-github-api_1.0.0_armhf.snap -no-progress -quiet -noappend -comp xz -no-xattrs -no-fragments -all-root
                    workingDir=

ビルドされた.AppImageファイルは84.2MiB。めちゃ重い。たぶんChromiumが丸ごと入っているのだろう。

実行時エラー

build/配下に出力された.AppImageファイルを叩いて実行すると、以下エラーになった。

Uncaught (in promise) Error: Error invoking remote method 'loadDb': Error: ENOENT: no such file or directory, open 'src/db/mylog.db'

src/db/mylog.dbファイルがないってさ。file-patternsを参考にし、package.jsonのfilesを以下のように修正してから再ビルドしても同じだった。

    "files": [
      "**/*"
    ],

え、困るんだが。どうすればいいの？　なんでファイル参照エラーになるの？　ちゃんと指定したつもりだけど。どこか間違ってるかな？　わからん……。

以下のように修正して再ビルドしても変わらなかった……。

    "files": [
      "**/*",
      "src/db/mylog.db"
    ],

成功（`mylog.db`を手動で配置する）

ビルドで作成された実行ファイルelectron.mylog-1.0.0-armv7l.AppImageのディレクトリにsrc/db/ディレクトリを作成し、mylog.dbファイルをコピーすると成功した。

アドレスをセットして再起動すると、投げモナボタンも表示された。画像ファイルもちゃんと含まれたっぽい。

……つまり、なぜかmylog.dbだけが含まれなかったということか。なぜそんなことに？　よくわからない。まあ動いたからいいや。

失敗（ラズパイでwindowsビルドしようとした）

./node_modules/.bin/electron-builder --windowsを直接叩いた。やはり失敗した。

$ ./node_modules/.bin/electron-builder --windows
  • electron-builder  version=23.3.3 os=5.10.103-v7l+
  • loaded configuration  file=package.json ("build" field)
  • description is missed in the package.json  appPackageFile=/tmp/work/Electron.MyLog.electron.builder.20220906123159/package.json
  • writing effective config  file=build/builder-effective-config.yaml
  • packaging       platform=win32 arch=armv7l electron=20.0.3 appOutDir=build/win-armv7l-unpacked
  ⨯ cannot resolve https://github.com/electron/electron/releases/download/v20.0.3/electron-v20.0.3-win32-armv7l.zip: status code 404
github.com/develar/app-builder/pkg/download.(*Downloader).follow
	/Volumes/data/Documents/app-builder/pkg/download/downloader.go:237
github.com/develar/app-builder/pkg/download.(*Downloader).DownloadNoRetry
	/Volumes/data/Documents/app-builder/pkg/download/downloader.go:128
github.com/develar/app-builder/pkg/download.(*Downloader).Download
	/Volumes/data/Documents/app-builder/pkg/download/downloader.go:112
github.com/develar/app-builder/pkg/electron.(*ElectronDownloader).doDownload
	/Volumes/data/Documents/app-builder/pkg/electron/electronDownloader.go:192
github.com/develar/app-builder/pkg/electron.(*ElectronDownloader).Download
	/Volumes/data/Documents/app-builder/pkg/electron/electronDownloader.go:177
github.com/develar/app-builder/pkg/electron.downloadElectron.func1.1
	/Volumes/data/Documents/app-builder/pkg/electron/electronDownloader.go:73
github.com/develar/app-builder/pkg/util.MapAsyncConcurrency.func2
	/Volumes/data/Documents/app-builder/pkg/util/async.go:68
runtime.goexit
	/usr/local/Cellar/go/1.17/libexec/src/runtime/asm_arm.s:838  
  ⨯ /tmp/work/Electron.MyLog.electron.builder.20220906123159/node_modules/app-builder-bin/linux/arm/app-builder process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE
Exit code:
1  failedTask=build stackTrace=Error: /tmp/work/Electron.MyLog.electron.builder.20220906123159/node_modules/app-builder-bin/linux/arm/app-builder process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE
Exit code:
1
    at ChildProcess.<anonymous> (/tmp/work/Electron.MyLog.electron.builder.20220906123159/node_modules/builder-util/src/util.ts:250:14)
    at Object.onceWrapper (node:events:642:26)
    at ChildProcess.emit (node:events:527:28)
    at maybeClose (node:internal/child_process:1092:16)
    at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)

たぶんフラグを付与せず./node_modules/.bin/electron-builderとすれば、自分の環境に応じた実行形式ファイルを生成してくれるのだろう。

ということは、リリースファイルとして各OSのバイナリを配布するには、以下のようなことが必要ということでいいのかな？

Windows、Mac、Linuxの各OSマシンを用意する
各マシンで./node_modules/.bin/electron-builderコマンドを実行する
作成された実行形式ファイルをリリースファイルとして提供する

それはキツイ。もう各自ソースコードからビルドしてもらいたい。そもそも84.2MiBって重すぎる。わざわざ実行ファイルにするメリットってなんだっけ？　Node.jsなどの実行環境を用意せずに済むことか。うーん、どっちがいいかな。とりあえず、基本はソースコード配布がよさそう。

electron-builderでパッケージングする

ブツ

経緯

参考

electron-builder

インストール

設定ファイル

package.json 抜粋

ビルドコマンド

electron-builderヘルプ

ビルド設定

ビルド

ビルド出力確認

実行確認

実行時エラー

試行錯誤

エラー1

エラー2

成功

実行時エラー

成功（`mylog.db`を手動で配置する）

失敗（ラズパイでwindowsビルドしようとした）

あわせて読みたい

electron-builderでパッケージングする

ブツ

経緯

参考

electron-builder

インストール

設定ファイル

package.json 抜粋

ビルドコマンド

electron-builderヘルプ

ビルド設定

ビルド

ビルド出力確認

実行確認

実行時エラー

試行錯誤

エラー1

エラー2

成功

実行時エラー

成功（mylog.dbを手動で配置する）

失敗（ラズパイでwindowsビルドしようとした）

あわせて読みたい

成功（`mylog.db`を手動で配置する）