環境構築
🌐 ERR_CONNECTION_REFUSED
接続が拒否された
😰 こんな症状
ブラウザで「ERR_CONNECTION_REFUSED」と表示されてページが開けない。サーバー接続で起きやすいよ。
🔍 原因
アクセス先のサーバーが起動していない、またはポート番号が間違っているよ。ブラウザは指定されたIPアドレスとポートに接続を試みるけど、そこでサーバーが待ち受けていないと「接続拒否」になるんだ。開発サーバーの起動忘れが最も多い原因だよ。
❌ エラーが起きるコード
$ ERR_CONNECTION_REFUSED
# エラー発生✅ 直し方
1. 開発サーバーが起動しているか確認する（npm run dev等）。 2. URLのポート番号が正しいか確認する（localhost:3000等）。 3. ファイアウォールがブロックしていないか確認する。 4. サーバーのログでエラーが出ていないか確認する。
✅ 修正後のコード
# ローカル開発なら開発サーバーが起動しているか確認。URLのポート番号が正しいか確認する。この解決法は役立ちましたか？
🔗 関連するエラー
- Live Serverが起動しない — Live Server 拡張機能が正しく動作していない
- Live Serverが起動しない（ポート競合） — ポートが他のプロセスに使われている
- VS Code拡張が動かない — 拡張機能が正しくインストールされていない
- npm installが失敗する — パッケージのインストールでエラーが出る
- node_modules削除後にエラーが出る — node_modulesを削除したが再インストールしていない
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- VS Codeのインストール方法 — インストールと初期設定を図解で解説
- プログラミング初心者が最初にやるべきこと5選 — 目的を決めて環境構築から