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ってデバッグポート開けて起動ってどうやるんだろう。。