← エラー辞典に戻る

環境構築

Live Serverが起動しない

Live Server 拡張機能が正しく動作していない

こんな症状

VS Code で「Go Live」ボタンを押しても、ブラウザが開かない。Live Serverを初めて使うときに起きやすいよ。

まず試す

HTMLファイルを開いた状態で右下「Go Live」をクリックする。動かなければVS Codeを再起動。

env
// ポート競合(EADDRINUSE)なら settings.json で変更
{
  "liveServer.settings.port": 5501
}

これで直らなければ、下の「自分のケース」を確認。

🔍 自分のケースはどれ？

  • ✓Go Live ボタンが出ない/反応しない
    → HTMLファイルを開く（フォルダーを開いた状態が確実）。ダメならVS Code再起動。
  • ✓EADDRINUSE（ポート競合）
    → settings.json で liveServer.settings.port を5501等に変える。
  • ✓原因が分からない
    → OutputパネルのLive Serverのエラーを確認する。

なぜ起きる？

HTMLファイルを開いていない状態で起動しようとしている、またはポート番号が他のアプリと競合しているよ。Live ServerはHTMLファイルが開かれている状態でないと起動できないんだ。また、デフォルトのポート5500が別のアプリに使われていると起動に失敗するよ。

✕ エラーが起きるコード
# 「Go Live」を押してもブラウザが開かない
# Outputパネルに表示される例:
# Error: listen EADDRINUSE: address already in use :::5500
✓ 直したコード
// settings.json でポートを変更
{
  'liveServer.settings.port': 5501
}

✅ 直ったか確認

Go Live でブラウザが開き、ページが表示されればOK。

🆘 まだ直らないときは

使用中プロセスは Mac: lsof -i :5500 / Windows: netstat -ano | findstr :5500 で確認できる。

Q&Aで質問する →

この解決法は役立ちましたか？

🔗 関連するエラー

🔗 別カテゴリの関連エラー

📖 この問題を学べるレッスン

環境構築ガイド（基礎から）で根本から理解する →

📝 関連ブログ記事

📖 関連する用語

🚀 環境構築ガイドで基礎を学ぼう！

エラーの原因を根本から理解するには、基礎を体系的に学ぶのが近道です。完全無料・登録不要。

環境構築ガイドを始める →

❓ 関連するQ&A