🖥️ Live Serverが起動しない

😰 こんな症状

VS Code で「Go Live」ボタンを押しても、ブラウザが開かない。

🔍 原因

HTML ファイルを開いていない状態で起動しようとしている、またはポート番号が他のアプリと競合している。

❌ エラーが起きるコード

$ npx live-server
# ブラウザが開かない

✅ 直し方

HTML ファイルを開いた状態で右下の「Go Live」をクリックする。動かない場合は VS Code を再起動する。ポート競合なら設定で liveServer.settings.port を変更する。

✅ 修正後のコード

$ npx live-server --port=8080
# ポートを指定して起動

🔗 関連するエラー

• VS Code拡張が動かない — 拡張機能が正しくインストールされていない
• npm installが失敗する — パッケージのインストールでエラーが出る
• node_modules削除後にエラーが出る — node_modulesを削除したが再インストールしていない
• .gitignoreが効かない — 既にGitで追跡されているファイルは無視されない
• ESLintエラーが消えない — ESLintの設定ファイルが正しくない

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

環境構築ガイドで基礎から学ぶ →

📝 関連ブログ記事

• プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説

📖 関連する用語

• npm
• Node.js
• TypeScript
• フレームワーク
• webpack

❓ 関連するQ&A

• Dockerって何？
• VS Codeのおすすめ拡張機能
• デプロイ先はどこがおすすめ？