環境構築
🖥️ Live Serverが起動しない（ポート競合）
ポートが他のプロセスに使われている
😰 こんな症状
Live Serverの「Go Live」を押してもブラウザが開かない。ポート競合で起きやすいよ。
🔍 原因
デフォルトのポート5500が他のアプリに使われている、またはHTMLファイルを開いていない状態で起動しようとしているよ。1つのポートは1つのアプリしか使えないから、別のLive Serverインスタンスや他のサーバーが同じポートを使っていると起動できないんだ。
❌ エラーが起きるコード
$ npx live-server
# Error: listen EADDRINUSE :::5500✅ 直し方
1. HTMLファイルを開いた状態で「Go Live」をクリックする。 2. VS Codeの設定でliveServer.settings.portを5501等に変更する。 3. 他のターミナルでサーバーが動いていないか確認する。 4. Mac: lsof -i :5500、Windows: netstat -ano | findstr :5500 でポート使用状況を確認する。
✅ 修正後のコード
$ npx live-server --port=8080
# 別のポートを使うこの解決法は役立ちましたか？
🔗 関連するエラー
- Live Serverが起動しない — Live Server 拡張機能が正しく動作していない
- Live Serverで日本語ファイル名が文字化けする — ファイル名に日本語を使っている
- ERR_CONNECTION_REFUSED — 接続が拒否された
- VS Code拡張が動かない — 拡張機能が正しくインストールされていない
- npm installが失敗する — パッケージのインストールでエラーが出る
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- VS Codeのインストール方法 — インストールと初期設定を図解で解説
- プログラミング初心者が最初にやるべきこと5選 — 目的を決めて環境構築から