Linux,VSCode環境下でFlutterのデバイスリストにChromeが表示されない問題の対処法

問題

VisualStudio CodeのFlutter拡張機能において、ターゲットデバイスの選択時にGoogle Chromeが表示されない(Linuxしかデバイスが表示されない)。

環境

• Arch Linux
• VisualStudio Code (visual-studio-code-bin 1.69.2-1)
• Google Chrome (google-chrome 103.0.5060.53-1)
• 環境変数は~/.zshrcに記述

原因

このサイトに原因が記載されていた。
VSCodeの起動の仕方によってはターミナルの環境変数が引き継がれないのが問題。
自分の環境ではDockからVSCodeを起動していた。

解決法

とりあえず問題が解決すればいいのならターミナルからVSCodeを起動すれば良い。

code 開きたいフォルダ

しかし毎回これをやるのは面倒なので、~/.zshrcではなく/etc/environmentで環境変数を設定する。
こうすればシェルを問わず環境変数が通る。
他のLinuxディストリビューションでは/etc/environmentに相当するものを編集する。

sudo nano /etc/environment
#以下を追記
PATH=$PATH:[flutter-SDKのパス]
CHROME_EXECUTABLE=[Google Chromeのパス] #任意