そもそもやり方が間違ってるのかもしれないんだけどそれすらもわからない。
launch.json の configurations はこれでいいんだろうか。
{ "name": "Attach to Chrome", "port": 9229, "request": "attach", "type": "pwa-chrome", "webRoot": "${workspaceFolder}" }
@xianon
いま環境ないので記憶だけで申し訳ないのですが、左端の実行ボタン押してlanch.json作りますか？みたいなのyesにしてnode.js選択、みたいな感じだった気がします…
@kumanotetu@mstdn.mini4wd-engineer.com
上の Node.js を選ぶと
{ "type": "pwa-node", "request": "launch", "name": "Launch Program", "skipFiles": [ "<node_internals>/**" ], "program": "${workspaceFolder}/src/pages/index.js" }
で、下の Node.js を選ぶと{ "type": "node", "request": "launch", "name": "プログラムの起動", "skipFiles": [ "<node_internals>/**" ], "program": "${workspaceFolder}/start" }
でした。ちょっと実行してみます。
@kumanotetu@mstdn.mini4wd-engineer.com
上は
/usr/bin/node ./src/pages/index.js (node:5213) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. (Use `node --trace-warnings ...` to show where the warning was created) <node_internals>/internal/process/warning.js:43 Process exited with code 1
下は/usr/bin/node ./start Process exited with code 1 Uncaught Error: Cannot find module '/home/xianon/mastodon-highlight/start'
でした。@kumanotetu@mstdn.mini4wd-engineer.com
両方とも
利用可能なデバッガーがありません。'variables' を送信できません
が最後に表示されてました。
うーんよく分からない。
@xianon
むむ、謎ですね。。
お力に慣れず申し訳ないっす…
@kumanotetu@mstdn.mini4wd-engineer.com
教えてくれてありがとうございます。
https://nextjs.org/docs/advanced-features/debugging
このページを元にやっているのですが、vscode で NODE_OPTIONS='--inspect' next dev を起動してデバッグできるのはサーバー側の方で、クライアント側は 9229 ポートにアタッチしてデバッグするっていう認識で合ってますかね？
@xianon そうですね…多分あってると思います。
Connectはしたっぽいので何か不足してるんですかね
STEP3でdebuggerって書くと止まるよみたいなのあるので、それをコードに書かないといけないのか…？
Nextjsわかってないのであれですが…
@kumanotetu@mstdn.mini4wd-engineer.com
遅くまでありがとうございます。
もうちょっと試行錯誤してみます。
@kumanotetu@mstdn.mini4wd-engineer.com
launch.json 消して F5 押してみたんですけどどれを選べばいいか分かりますか？