経緯
公式ドキュメントどうりにJetstreamのLivewireを使用したいと思った時に4時間は溶かしてしまったので今後の誰かのためになればと思い記事にしました。
何に困っていたかと言うと、vendorフォルダ内にあるjetstreamに関するviewsファイル群がpublicizeできないことによってjetstreamの機能が使えないことです。
前提条件
- OS : mac
- 環境 : xampp
- composer : v2.5.1
- Laravel : v9.52.5
結論
Laravel v9(latest)でJetstreamを使用するなら、Jetstreamのバージョンを下げた指定でダウンロードしましょう
詳細
公式ではcreate-projectから丁寧に下記のようなコマンドまで入力入力内容が表記されています。
その問題となっている下記のコードを手順通りに入力すると、
terminal
php artisan vendor:publish --tag=jetstream-views
↓↓↓↓↓↓↓↓↓↓
terminal
[INFO] No publishable resources for tag [jetstream-views].
と、うまくパブリッシュなリソースフォルダにjetstreamに関するviewsファイル群を移行できなかったとエラーの戻り値が表示されます。
<下記がそのまま進めて行った際のエラー画面>
Unable to locate a class or view for component [jet-dialog-modal].
と言うエラーで調べてもうまくヒットしませんでした。
OKパターン
以下はOKパターンです。
Laravelのバージョンは9とします
PROJECT_NAME : jetstream-app
DB_NAME : livewire_app_db
terminal
# プロジェクト作成 versionは9で指定
composer create-project "laravel/laravel=9.*" jetstream-app
# プロジェクトへ移動
cd jetstream-app
# versionは2.9.0で指定
composer require laravel/jetstream:"2.9.0"
# Livewireをインストール
php artisan jetstream:install livewire
ここまでできればあとはnpmの設定のみです
terminal
npm install
npm run build
# 今回はローカルでxamppを使用しています
# http://localhost/phpmyadmin/ からDBを作成します
# その後、.envのDB_DATABASEの項目を変更します
DB_DATABASE=laravel
# ↓
DB_DATABASE=livewire_app_db
# 公式だとすぐ下記コマンドを入力するような表記ですが、DBを先に作成しましょう
php artisan migrate
ここで最後にうまくいかなかったコマンドです
php artisan vendor:publish --tag=jetstream-views
結果は
無事vendorフォルダ内のフォルダ1式がコピーできていました。
めでたしめでたし。
npm run build
も忘れず実行しておきましょう
備忘録記事
下記からインストールできるjetstreamのバージョンが確認できます。
バージョン確認コマンド (terminal)
# Laravel flameworkのバージョン確認方法
php artisan --version
# インストールしたパッケージのバージョン確認方法
composer show laravel/jetstream
# このコマンドで確認したら、コンフリクトverの表記あったので入力して確認してみましょう
composer show --all laravel/framework