Nuxt/Vite npm run devでlocalhostに繋がらないエラーの原因はESET！（MacM2）

Last updated at 2024-12-25Posted at 2024-12-25

事象

Nuxt3/ViteでWEBアプリを作成中、ChromeおよびBraveでhttp://localhost/ にアクセスするも時折下記の画面が発生し、プレビューできない現象が発生する。

この画面
このサイトにアクセスできません
localhostで接続が拒否されました。

次をお試しください
・接続を確認する
・プロキシとファイアウォールを確認する
ERR_CONNECTION_REFUSED

色々調べた結果、ESET が原因であると判明しました。

まず、Mac環境で特定の通信が遮断される（「ファイアウォール機能」に起因する場合｜ESET公式HP）
を参考に、ファイアウォールを無効にして、Localhostへのアクセスが正常に戻るか確認してください。

アクセスが戻れば、本方法が有効である可能性があります。

検証後はファイアウォールを、有効に戻すことを忘れないでください。

ちなみに上記リンクの公式HPの手順と一部被りますので、公式HPを参照してわかる方は、以降を読まなくても大丈夫だと思います。

ブロックルールからブロックを除外すればよのですが、VSCodeやChromeを除外してもダメです。
実行アプリ本体を除外リストに入れないとダメなためです。

ツール→ログファイルと進みます。

右上のプルダウンからファイアウォールを選択します。

リストの中からブロックされているアプリを探ります。
今回私の環境ではnodeアプリでした。
この時のpathを覚えておきます。

画面左上のESET Cyber Security→設定→ファイアウォールを選択します。

アプリケーションルールを選択

新たに開いたダイアログボックスから、左下の+をクリック、先ほどメモしたアプリのpathを辿ってアプリを選択します。

アプリの選択後、プルダウンを選択し受信接続を許可するに変更します。

最後に右下のOKを押してダイアログを閉じると設定が反映されます。

localhostに戻るとアクセスできるようになっていると思います。

メジャーバージョンアップが半年くらい前？にあり、参考ページでは対応できなかったため、記事にしました。

新しくなってからもしばらくは正常に使用できていたため、おそらくマイナーアップデートによるバグだと思います。

しばらくしたら公式に修正されることを望みますが、これまでの対応を見る限り望み薄でしょう・・・

~~カスペルスキーは使いやすいかったなぁ~~

誰かの開発の役に立てれば幸いです。