環境構築

[RintaroKinashi]

参考

• Laravelの導入までは以下を参考 Docker+Laravel+React+TypeScript構成のフルスタックパッケージを順を追って構築する【前編:サーバーサイド】

React.tsはBreezeを利用して入れていく

docker-compose exec app composer require laravel/breeze --dev
docker-compose exec app php artisan breeze:install react --typescript

[RintaroKinashi]

疑問点

docker-compose exec app php artisan breeze:install react --typescript後に「src/resources/js/app.tsx」のようなjsファイル下にtsファイルが入る構成になる js→tsにリネームすると以下のエラーが発生する

vite v4.5.0 building for production...
✓ 25 modules transformed.
✓ built in 3.61s
[vite:load-fallback] Could not load /resources/js/Layouts/GuestLayout (imported by resources/ts/Pages/Auth/ForgotPassword.tsx): ENOENT: no such file or directory, open '/resources/js/Layouts/GuestLayout'
error during build:
Error: Could not load /resources/js/Layouts/GuestLayout (imported by resources/ts/Pages/Auth/ForgotPassword.tsx): ENOENT: no such file or directory, open '/resources/js/Layouts/GuestLayout'

src/resources/js/Pages/Auth/ForgotPassword.tsx見ても/resources/js/Layouts/GuestLayoutをロードしてそうな場所パッと見ないんよな。。 tsにリネームせずにjsのままだとエラーなし

docker compose exec app npm run build 
...
✓ built in 6.18s

[RintaroKinashi]

• run devを切ったらBreezeのログイン画面が現れる
• Makeコマンドで環境構築が完結できるようにしたい