FrontPage>Laravel上のReactでnpm run devをするとエラーが発生

Laravel上のReactでnpm run devをするとエラーが発生

投稿日: 2025-03-12 (水)

はじめに

DockerコンテナのPHP上でLaravelを動かしてBreezeでReactを導入した。
ところがERR_ADDRESS_INVALIDやERR_EMPTY_RESPONSEが発生した。

vite.config.jsにてhost: '0.0.0.0',を指定するとERR_ADDRESS_INVALIDが解決する代わりにERR_EMPTY_RESPONSEが発生する。そのためhmr.hostを変更するとよさそう

環境

vite.config.js

vite.config.jsを以下のように変更すると解決した

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/js/app.jsx',
            refresh: true,
        }),
        react(),
    ],
    // 追加部分
    server: {
        host: '0.0.0.0',
        hmr: {
            host: 'localhost',
            clientPort: 5173,
        },
    },
    // ここまで
});

コメント

コメントはありません。 Comments/Laravel上のReactでnpm run devをするとエラーが発生

お名前:
URL B I U SIZE Black Maroon Green Olive Navy Purple Teal Gray Silver Red Lime Yellow Blue Fuchsia Aqua White

キーワード: 情報技術, Docker, コンテナ, React, リアクト, Laravel, PHP, プログラミング, Node.js, npm, ウェブ開発, web, バグ, エラー, ローカルホスト

検索

 

プロフィール

Pitan
pitan_prof.png
プログラミングや音MADやらが趣味
Table of Contents

最新のページ

最新の5件
2026-05-19 2025-08-05 2025-07-10

[もっと見る]

タグ

[もっと見る]

人気のページ

人気の5件

リンク

カウンター

合計: 527
今日: 1
昨日: 0
オンライン: 4
  編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2025-03-12 (水) 14:37:42