vite_railsのnet::ERR_CONNECTION_REFUSEDを解消する

Railsでvite_ruby(vite_rails)gemを試してみたところnet::ERR_CONNECTION_REFUSEDエラーに遭遇した。 エラーを解消するためにやったことを残しておきます。

環境

• Ruby 3.1.2
• rails 7.0.4.2
• vite_ruby 3.2.15
• vite_rails 3.0.14

エラーの内容

$ foreman start -f Procfile.devでアプリを立ち上げてみたところ、Chromeの開発者ツールでコンソールにnet::ERR_CONNECTION_REFUSEDがわらわらと現れた...

やったこと・対処方法

エラーメッセージでググったところFailed to open TCP connection to localhost:3036 · ElMassimo/vite_ruby · Discussion #89を発見した。

localhostのデフォルトが::1(IPv6) のシステムだとこのエラーが発生するらしく、hostを明示的に構成すればOKとある。

ということでconfig/vite.jsonのdevelopmentにhostを明示したらコンソールからエラーが消えた。

  "development": {
    "autoBuild": true,
+   "host": "127.0.0.1",
    "publicOutputDir": "vite-dev",
    "port": 3036
  }