React Dev Tools と Firefox Developer Edition を使用して React アプリをデバッグしようとしています。VSCode 経由で起動したときに Firefox が使用しているプロファイルに React Dev Tools をインストールできません。/Applications で Firefox を開いて自分で起動すると、React Dev Tools がインストールされています。
ただし、以下のlaunch.json
プロファイルを実行すると、起動後に FireFox の [設定] -> [拡張機能とテーマ] -> [拡張機能] に拡張機能が表示されません。
{
"name": "Launch localhost",
"type": "firefox",
"request": "launch",
"reAttach": true,
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
},
ただし、こちらの指示に従って、端末で Firefox を起動し、デバッガーを接続することができます。このプロファイルには React Dev Tools があり、実行すると正常に動作します。
/Applications/Firefox\ Developer\ Edition.app/Contents/MacOS/firefox -start-debugger-server
launch.json:
{
"name": "Attach",
"type": "firefox",
"request": "attach",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
},
launch
しかし、最初のものを代わりにリクエストで機能させるにはどうすればよいattach
ですか? 読んでみるとプロフィールと関係がありそう