はじめに
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では使用できなかったのだろう。。。
既に使用している何かと競合していた？んでしょうか。