Closed1

Laravelのnpm run devでnet::ERR_ADDRESS_INVALIDエラーになったときの解決法

modacomodaco

ここまでの手順はこちら
https://zenn.dev/kij/scraps/c3030bb7a0105d

Laravel Breezeをインストールして意気揚々と npm run devし、ブラウザでアクセスしたら、えらい崩れてる、、

コンソールにはエラーが。

GET http://0.0.0.0:5173/@vite/client net::ERR_ADDRESS_INVALID
GET http://0.0.0.0:5173/resources/css/app.css net::ERR_ADDRESS_INVALID
GET http://0.0.0.0:5173/resources/js/app.js net::ERR_ADDRESS_INVALID

検索したらこちらの記事がヒット。

https://laracasts.com/discuss/channels/vite/laravel-vite-err-address-invalid

viteのconfig.server.hmr.hostlocalhostまたは127.0.0.1にすれば良いみたい。

https://ja.vitejs.dev/config/server-options.html#server-hmr

vite.config.jsに設定を追加。

export default defineConfig({
    // 追加ここから
    server: {
        host: '0.0.0.0',
        hmr: {
            host: 'localhost'
        }
    },
    // ここまで
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

エラーが解消して無事キレイになりました。

このスクラップは2023/05/19にクローズされました