yakataの情報奮闘記

プログラミングの話をします

electronをwsl2（のUbuntu20.04)で動かす

Electron WSL2 programming

Intro

いわゆるやってみた記事。 二箇所ほど詰まった場所があったので、知見を込めて

やったのは公式のQuickStartQuick Start Guide | Electron

www.electronjs.org

つまったところ

  1. npm startをすると以下のようなエラーが出た（上で起動した）。
libGL error: No matching fbConfigs or visuals found
libGL error: failed to load driver: swrast

これに関してはexport LIBGL_ALWAYS_INDIRECT=1を~/.bash_profileに追加したら消えた。

参考URL: nvidia - Win10 linux subsystem libGL error: No matching fbConfigs or visuals found libGL error: failed to load driver: swrast - Ask Ubuntu

  1. npm run makeがエラーで止まる。
npm run make

> my-electron-app@1.0.0 make
> electron-forge make

✔ Checking your system
✔ Resolving Forge Config

An unhandled rejection has occurred inside Forge:
Error: Cannot make for rpm, the following external binaries need to be installed: rpmbuild
    at MakerRpm.ensureExternalBinariesExist (/home/akutagawa/projects/electron_get_started/my-electron-app/node_modules/@electron-forge/maker-base/src/Maker.ts:147:13)
    at _default (/home/akutagawa/projects/electron_get_started/my-electron-app/node_modules/@electron-forge/core/src/api/make.ts:148:11)
    at /home/akutagawa/projects/electron_get_started/my-electron-app/node_modules/@electron-forge/cli/src/electron-forge-make.ts:44:5

Electron Forge was terminated. Location:
{}

これはエラーをちゃんと読むとrpmbuildがないからインストールせよとあるので、 sudo apt install rpm でインストールしたら無事治った。

エラーが出ると脳死でエラー文をGoogleに突っ込んで公式Issueとかを探すくせがあるのだが、読めそうな英語なら一旦読もう、といういい経験になった。

蛇足になるが、「〇〇がありません」、みたいなエラーは多いが、「〇〇がないから△△してください」ってエラーは少ない気がする。そういう意味ですごく親切なエラーハンドリングがされているシステムだなと感じた。おわり。