2026-08-24から1日間の記事一覧

docker + vite + react でホットリロードをきかせて開発する

Viteサーバーを起動する。 public/hot ファイルを作成する。 @viteReactRefresh を @vite 前に書く。 Dockerの server/hmr.host を正しく設定する。 usePolling: true で変更検知を有効にする。

軽量な考え方

目的 + 現状 = 条件

Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong.

改善後のコード resources/views/app.blade.php に @viteReactRefreshを追加して解決 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> @inertiaHead + @viteReactRefresh @vite(['resources/css/app…</meta></meta></head></html>

docker-compose.ymlの${APP_PORT:-8000}:80

.env に APP_PORT があればその値、なければデフォルト 8000 80: コンテナ内Nginx/Apacheが 80 番で待ち受け