はじめに

VSCodeを用いてHTML,CSS,JavaScriptを学習しようと思い、テストページのHTMLをLiveServerで表示しようとしたときに今回の現象に遭遇してしまったので、試したことと対処法をメモ。

試したこと

1. (効果なし) VSCodeで資材を置いているフォルダーを開いてGo Liveで表示する

LiveServerが起動しない関連の対処法自体そこまでなく、頻出している本対処策を行ってみた。

結果

依然として「このページは動作していません」と表示される。（何度も見てきたので早く何とかしたい...

2. (効果なし)VSCodeの再起動

もちろんやりますよね。

結果

依然として「このページは動作していません」と表示される。（そんな気がしてた

3. (効果なし) 表示するブラウザを変更してみる

もしかしたらChromeで表示したときだけかもしれないという淡い期待を胸に...

結果

別のブラウザでも「このページは動作していません」と同じような内容が表示される。
これでブラウザが原因ではないことは明らかに。
そもそもVSCodeのステータスバーは「Port:5500」と表示されており、間違いないく動作しているはず...
この時点でPCの環境自体が原因かもしれないという疑惑が。
VSCodeの拡張機能の設定からLiveServerの設定を見ていてもしかしたらと思い次の対処法を行ってみた。

4. (効果あり) VSCodeのLiveServerの設定から`Settings: Host`を変更する

デフォルト値が 127.0.0.1 になっていたため、試しに 127.0.0.2 にしてみた。

結果

なんと表示された！

おわりに

今回は何とか1時間程度で解決できましたが、なぜ127.0.0.1では使用できなかったのだろう。。。
既に使用している何かと競合していた？んでしょうか。