VSCodeのChromeのデバッグが実行できないときにはtimeout属性を入れてみましょう

問題発生

JavaScriptをVSCodeでデバッグしようと思い、二つの拡張機能を導入しました。

#	拡張機能
1	Debugger for Chrome
2	Live Server

launch.jsonに"type": "chrome"の構成を追加し、意気揚々とデバッグ実行したところ....
こんなエラーが出ました。
「ランタイム プロセスに接続できません。10000 ミリ秒後にタイムアウトになります - (理由: ターゲット アプリから応答を受け取りましたが、ターゲット ページが見つかりませんでした)。」

メッセージ的に、URLが誤っているのか思いましたが、そんなことはなく。
セキュリティソフトが原因かと思いましたが、一時無効にしてもエラー変わらず。
頭を抱えてしまいました。

結果

タイムアウト してました！

非常にシンプルな答えでした。確かにエラーメッセージが出るまでにそこそこ時間がかかっていました。
launch.jsonに以下のようにtimeout属性を追加し、値を多めにとって実行すると動きました。
参考になれば幸いです。

launch.json

{
  "version": "0.2.0",
  "configurations": [{
    "type": "chrome",
    "request": "launch",
    "name": "Launch Chrome against localhost",
    "url": "http://127.0.0.1:5500/test.html",
    "webRoot": "${workspaceFolder}",
    "timeout": 100000
  }]
}

補足

VSCodeのフロントエンドのデバッグに関しては、この方の記事が参考になりました。
そもそもどうすればChromeでデバッグができるのか知りたい方はおすすめです。
https://qiita.com/C3REVE/items/273646ad028e98758e70