Skip to content

GitpodでReactアプリのデバッグをする(未完)

   

Next.jsの動作がよくわからないので、デバックモードで追いかけようとしたところ、設定に躓いたのでメモ。

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome ここのDownload Extensionでvsixファイルをダウンロードする。

GitpodのExtensions(Beta)サイドメニューを開いて、Drag & drop VS Code extensions (*.vsix) to installのところにダウンロードしたファイルを入れるとインストールされる。

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial#_debugging-react この通りにlaunch.jsonを作成して、実行。 ・・・起動しない。GitpodのコンテナにChromeインストールしてないからそりゃそうだね。

launchじゃなくてattachにしてみる。 ・・・デバッグ用のポートが空いてないエラー。 あれ。ChromebookのChromeってデバッグポート開けて起動ってどうやるんだろう。。