環境構築

ERR_CONNECTION_REFUSED

接続が拒否された

こんな症状

ブラウザで「ERR_CONNECTION_REFUSED」と表示されてページが開けない。サーバー接続で起きやすいよ。

まず試す

開発サーバーが起動しているか（npm run dev 等）と、URLのポート番号が正しいかを確認する。

env

# 開発サーバーを起動する
npm run dev
# 表示されたURL・ポート（例 http://localhost:3000）でアクセスする

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

アクセス先のサーバーが起動していない、またはポート番号が間違っているよ。ブラウザは指定されたIPアドレスとポートに接続を試みるけど、そこでサーバーが待ち受けていないと「接続拒否」になるんだ。開発サーバーの起動忘れが最も多い原因だよ。

✕ エラーが起きるコード

$ npm run dev
# サーバーを起動していない状態でブラウザから
# http://localhost:3000 にアクセス
# → このエラーが発生する

✓ 直したコード

# ローカル開発なら開発サーバーが起動しているか確認。URLのポート番号が正しいか確認する。

正しいURL・ポートでページが表示されればOK。

別のプロセスがポートを使っていて起動に失敗していないか、起動ログを確認しよう。

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

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

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