WSL+electron+Vue環境でのエラーや作業メモ

■windowsからWSLファイルシステムへのアクセス

エクスプローラを開き、パスに \\wsl$ を入力


■XServer

 WSLで起動したGUIのアプリをWindows上で表示させるためには以下が必要。

https://sourceforge.net/projects/vcxsrv/

インストール後、xlaunchをwindows上で起動します。起動時にMultipleWindows、Start no clientを選択して、さらにClipBoard,Primary Selection、Native opengl、Disabl access controlを選択および追加パラメータとして「-ac」を追加する

■エラー

ERROR in src/background.ts:62:56

TS2571: Object is of type ‘unknown’.   

60 |       await installExtension(VUEJS_DEVTOOLS);   
61 |     } catch (e) {  >
62 |       console.error(“Vue Devtools failed to install:”, e.toString());       |                                                        ^   
63 |     }   
64 |   }   
65 |   createWindow();

■対処

アプリ名/src/background.tsの61行目を } catch (e : any) { に修正する

■WSL上のUbuntuからWindowsのexeファイルできない

ビルドするにはWineが必要(参照 https://wiki.winehq.org/Ubuntu)

sudo dpkg –add-architecture i386

sudo mkdir -pm755 /etc/apt/keyrings
sudo wget -O /etc/apt/keyrings/winehq-archive.key https://dl.winehq.org/wine-builds/winehq.key
sudo wget -NP /etc/apt/sources.list.d/ https://dl.winehq.org/wine-builds/ubuntu/dists/jammy/winehq-jammy.sources
sudo apt update
sudo apt install –install-recommends winehq-stable