Closed2023/05/19にクローズ1

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

modaco 2023/05/19

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

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

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

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にクローズされました