常連

### 前提・実現したいこと
/admin/loginから管理者でログインした後に画面遷移される一覧画面（/admin/list）で、ナビゲーションメニュー（views/livewire/admin-navigation-menu.blade.php）のドロップダウンの所にログイン者の名前を表示させたい。

### 発生している問題・エラーメッセージ
admin-navigation-menu.blade.phpで`Auth::user()→name）`でログイン者情報を取得しようとするとエラーが発生し、admin-navigation-menu.blade.phpが表示されません。
/user/loginからユーザーでログインした場合は、/views/navigation-menu.blade.phpにて同じ記述でログイン者情報を取得できています。
また、現在管理者の方では`Auth::user（）`で対応しているので、ログイン者情報は取得れないままview（　views/admin/list.blade.php）が表示されるようになっています。

```
Trying to get property 'name' of non-object (View: /work/resources/views/livewire/admin-navigation-menu.blade.php)
http://127.0.0.1:8000/admin/list
```

### 該当のソースコード
該当コードが多い為、Githubのcreate-Adminブランチからご確認お願い致します。
また、ログイン者のアカウント情報に関しましては念の為こちらへの記載は避けさせて頂きますので、お手数ですがシーダーファイルの方からご確認お願い致します。
[GitHub](https://github.com/yu00212/laravel-zaikokanri/tree/create-Admin)


### 試したこと


### 補足情報（FW/ツールのバージョンなど）
laravel8、livewire、docker

laravel8 livewire 管理者のログイン情報取得について

### 前提
livewireを初めて使います。
クリックした問題の答えだけが呼び出せるように、JSではなくlivewireを使ってみようとチュートリアルなどで少しlivewireを学習しました。ただ、同じようなケースも見つけれなくて、自分なりに作ってみようと始めてみました。

### 実現したいこと
ページに問題（10問）とクリックしたら解答が表示されるボタンを並べたいです。

### 発生している問題・エラーメッセージ
まずはそもそも、問題がviewに渡っていない。どなたかご教授いただけたらと思います。よろしくお願いいたします。

**エラーメッセージ**
Attempt to read property "en1" on null (View: C:\english_ssh\ssh\resources\views\livewire\study.blade.php)

### 該当のソースコード
```php 
view/livewire.blade.php

 <table class="table-box" style="border:solid 1px gray; margin:0 auto;">
            <thead>
                <tr style="background-color:darkseagreen">
                    <th style="width:15%">テスト名</th>
                </tr>
            </thead>
            <tbody id="tbl">
                <tr>
                    <td>{{ $word->test_name }}</td>
                </tr>
            </tbody>

            <livewire:study :id="$id">


```
```php

view/livewire/study.blade.php

<table class="table-all">
    <thead>
        <tr>
            <th style="width:5%">番号</th>
            <th style="width:30%">問題</th>
            <th style="width:30%">正解</th>
        </tr>
    </thead>
    <tbody id="tbl">
                    <tr class="onetest">
                        <td>1</td>
                        <td>{{ $word->en1}}</td>
                        <td style="color:red;">
                        <button wire:click="answer1({{ $word->ja1}})">日本語で</button>
                        </td>
                    </tr>
                    <tr class="onetest">
                    <td>2</td>
                        <td>{{ $word->en2}}</td>
                        <td style="color:red;">
                        <button wire:click="answer2({{ $word->ja2}})">日本語で</button>
                        </td>
                    </tr>
```
```php
<?php

namespace App\Http\Livewire;

use Livewire\Component;
use Illuminate\Http\Request;
use App\Models\Word;



class Study extends Component
{
    public $word,$en1,$en2,$en3,$en4,$en5,$en6,$en7,$en8,$en9,$en10;

    public function mount($id)
    {
        $word = Word::findOrFail($id);
        $this->en1 = $word->en1;
        $this->en2 = $word->en2;
        $this->en3 = $word->en3;
        $this->en4 = $word->en4;
        $this->en5 = $word->en5;
        $this->en6 = $word->en6;
        $this->en7 = $word->en7;
        $this->en8 = $word->en8;
        $this->en9 = $word->en9;
        $this->en10 = $word->en10;
    }



    public function render()
    {

    $word=Word::select('en1','en2','en3','en4','en5','en6','en7','en8','en9','en10')
    ->where('en1','=', $this->en1)->where('en2','=',$this->en2)->first();
        return view('livewire\study',[
            'word'=>$word
        ]);
    }

}

```

### 試したこと

Livewire/Study.phpの37行めに dd($word);入れてデバッグすると欲しいデータはきちんと渡っています。


### 補足情報（FW/ツールのバージョンなど）

laravel8
livewire2.11


laravel　livewireでの値の渡し方

### 前提・実現したいこと
利用者と管理者をログイン時にロールで認可して、ユーザー権限ごとにリダイレクト先を変更したい。

### 発生している問題・エラーメッセージ
該当コードのように実装し、利用者の方は想定通りリダイレクトされるが、管理者の方がエラーが出てしまう。

```
403　THIS ACTION IS UNAUTHORIZED.
```

怪しい点があればご指摘頂ければと思います。
よろしくお願い致します。

### 該当のソースコード

```
/providers/AuthServiceProvider

<?php

namespace App\Providers;

use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
use Illuminate\Support\Facades\Gate;

class AuthServiceProvider extends ServiceProvider
{
    /**
     * The policy mappings for the application.
     *
     * @var array
     */
    protected $policies = [
        'App\Models\Model' => 'App\Policies\ModelPolicy',
    ];

    /**
     * Register any authentication / authorization services.
     *
     * @return void
     */
    public function boot()
    {
        $this->registerPolicies();

        // 管理者以上（管理者＆システム管理者、ロール1〜10以下）に許可
        Gate::define('admin-higher', function ($user) {
            return ($user->role >= 1 && $user->role <= 10);
        });
        // 一般ユーザ以上に許可（ロール11〜100以下）
        Gate::define('user-higher', function ($user) {
            return ($user->role > 10 && $user->role <= 100);
        });
    }
}

```

```
/Middleware/RedirectIfAuthenticated.php

<?php

namespace App\Http\Middleware;

use App\Providers\RouteServiceProvider;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class RedirectIfAuthenticated
{
    public function handle(Request $request, Closure $next, ...$guards)
    {
        $guards = empty($guards) ? [null] : $guards;
        foreach ($guards as $guard) {
            if ($guard == "admin-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('admin-home');
            }
            if ($guard == "user-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('home');
            }
        }
        return $next($request);
    }
}
```

```
/config/web.php

// 利用者権限
Route::group(['middleware' => ['auth', 'can:user-higher']], function () {
//在庫一覧
    Route::get('list', [StockController::class, 'index'])->name('home');
// 管理者以上
Route::group(['middleware' => ['auth', 'can:admin-higher']], function () {
// 在庫一覧
Route::get('admin/list', [AdminController::class, 'index'])->name('admin-home');
```

```
//利用者側
class StockController extends Controller
{
    public function __construct() { //  __construct クラスを追加
        $this->middleware('auth'); // ログイン者のみ下記メソッドを実行可能に
    }

    public function index(Request $request)
    {
        $user_id = Auth::id(); //ログインユーザーのID取得
        $stocks = Stock::with('user')->where('user_id', '=', $user_id)->simplePaginate(8);
        return view('stock.list', ['stocks' => $stocks]);
    }
```

```
//管理者側
class AdminController extends Controller
{
    public function index(Request $request)
    {
        $stocks = Stock::query()->simplePaginate(8); //全在庫取得
        return view('stock.list', ['stocks' => $stocks]);
    }
```

ログイン者のロール情報
・利用者　ロール→11
・管理者　ロール→2

### 試したこと
リダイレクト先の記述を下記のように変更

```
/Middleware/RedirectIfAuthenticated.php

<?php

namespace App\Http\Middleware;

use App\Providers\RouteServiceProvider;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class RedirectIfAuthenticated
{
    public function handle(Request $request, Closure $next, ...$guards)
    {
        $guards = empty($guards) ? [null] : $guards;
        foreach ($guards as $guard) {
            if ($guard == "admin-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('admin-home');
            }elseif ($guard == "user-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('home');
            }
        }
        return $next($request);
    }
}
```

### 補足情報（FW/ツールのバージョンなど）
laravel8、livewire

laravel8 ユーザー権限ごとにログイン後のリダイレクト先変更について

### 前提

Laravel8 jetstream livewire --teams

Laravel jetstreamのデフォルトのユーザー情報に
サブ情報（userprofile）として、
別テーブル（UserProfile）・別フォーム画面（以下、参照）を作成しました。

別フォーム画面
details.blade.php
@livewire('profile.update-user-profiledetails-form')

Controllerのshowで、userは元々から$request->user()となっていたが、
どこで、$requestにuserの情報を設定しているかわからなかったので、
userprofileは、テーブルから取得することにした。

### 実現したいこと
別フォーム画面に別テーブル（UserProfile）の情報を表示させたい。

### 発生している問題・エラーメッセージ
Controllerのshowでサブ情報（userprofile）を取得しているが
bladeに値を表示できない。エラーになる。

update-user-profiledetails-form.blade.php
では、$this->user->idで、userの情報を表示させることができるが、
なぜかわからない。

{{ $this->userprofile->id }}の場合のエラーメッセージ
```
Livewire\Exceptions\PropertyNotFoundException
Property [$userprofile] not found on component: [laravel.jetstream.http.livewire.update-profile-details-form]
```

{{ $userprofile->id }}の場合のエラーメッセージ
```
ErrorException
Undefined variable: userprofile (View: /Users/・・・/Desktop/・・・/resources/views/profile/update-user-profiledetails-form.blade.php)
```

@livewire('profile.update-user-profiledetails-form', ['userprofile'=>$userprofile])
と
{{ $userprofile->id }}とした場合のエラーメッセージ※上記と変わらず
```
ErrorException
Undefined variable: userprofile (View: /Users/・・・/Desktop/・・・/resources/views/profile/update-user-profiledetails-form.blade.php)
```

### 該当のソースコード

/routes/jetstream.php
```
use Illuminate\Support\Facades\Route;
use Laravel\Jetstream\Http\Controllers\CurrentTeamController;
use Laravel\Jetstream\Http\Controllers\Livewire\ApiTokenController;
use Laravel\Jetstream\Http\Controllers\Livewire\PrivacyPolicyController;
use Laravel\Jetstream\Http\Controllers\Livewire\TeamController;
use Laravel\Jetstream\Http\Controllers\Livewire\TermsOfServiceController;
// use Laravel\Jetstream\Http\Controllers\Livewire\UserProfileController;
use App\Http\Controllers\UserProfileController;#<-上記を変更
use App\Http\Controllers\UserProfileDetailsController; #<-追加
use Laravel\Jetstream\Http\Controllers\TeamInvitationController;
use Laravel\Jetstream\Jetstream;

Route::group(['middleware' => config('jetstream.middleware', ['web'])], function () {
    if (Jetstream::hasTermsAndPrivacyPolicyFeature()) {
        Route::get('/terms-of-service', [TermsOfServiceController::class, 'show'])->name('terms.show');
        Route::get('/privacy-policy', [PrivacyPolicyController::class, 'show'])->name('policy.show');
    }

    $authMiddleware = config('jetstream.guard')
            ? 'auth:'.config('jetstream.guard')
            : 'auth';

    $authSessionMiddleware = config('jetstream.auth_session', false)
            ? config('jetstream.auth_session')
            : null;

    Route::group(['middleware' => array_values(array_filter([$authMiddleware, $authSessionMiddleware]))], function () {
        // User & Profile...
        Route::get('/user/profile', [UserProfileController::class, 'show'])->name('profile.show');
        Route::get('/user/profiledetails', [UserProfileDetailsController::class, 'show'])->name('profile.details');#<-追加
 (以下、省略)
```
/app/Http/Controllers/UserProfileDetailsController.php
```
namespace App\Http\Controllers;

use Illuminate\Support\Facades\Auth; // ←これを追加
use Illuminate\Http\Request;
use App\Http\Controllers\Controller; // ←これを追加
use App\Models\UserProfile; // ←これを追加

class UserProfileDetailsController extends Controller
{
    //
    public function show(Request $request)
    {
        $userprofile=UserProfile::where('user_id',Auth::user()->id)->first(); #<-追加

        return view('profile.details', [
            'request' => $request,
            'user' => $request->user(),
            'userprofile' => $userprofile, #<-追加
        ]);
    }    
(以下、省略)
```
/resources/views/profile/details.blade.php
```
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Profile Details') }}
        </h2>
    </x-slot>
    <div>$userprofile->id:{{ $userprofile->id }}　＜＝★★ここは表示できる。
        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
            @livewire('profile.update-user-profiledetails-form')
        </div>
    </div>
</x-app-layout>
```
/resources/views/profile/update-user-profiledetails-form.blade.php
```
<x-jet-form-section submit="updateProfileDetails">
    <x-slot name="title">
        {{ __('Profile Details Information') }}
    </x-slot>

    <x-slot name="description">
        {{ __('Update your account\'s profile details information.') }}
    </x-slot>

    <x-slot name="form">
        <div class="col-span-6 sm:col-span-4"> 
{{ $this->userprofile->id }}　＜＝★★表示できない

(以下、省略)
```

### 試したこと

/resources/views/profile/update-user-profiledetails-form.blade.php
```
{{ $this->userprofile->id }}　＜＝★★表示できない
{{ $userprofile->id }}　＜＝★★表示できない
```
/resources/views/profile/details.blade.php
```
@livewire('profile.update-user-profiledetails-form')
以下に変更したが、受け渡せない。
@livewire('profile.update-user-profiledetails-form', ['userprofile'=>$userprofile])
```

### 補足情報（FW/ツールのバージョンなど）

macOS Monterey 12.6
Laravel8.83.27 jetstream livewire --teams
Composer version 2.0.14


以上、よろしくおねがいします。


Laravel jetstreamでユーザー情報に別テーブルでサブ情報を追加したが、表示できない。

### 前提・実現したいこと

Laravel初心者です。
今回、Laravel 8 + Livewireでクイズアプリを作っています。
(Larabel 8 + JetStreamのインストールでLivewireを選択しました)

クイズアプリのページ遷移は、以下のような動きです。
問題画面->解答画面->問題画面->解答画面->・・・(問題と解答を繰り返す)・・・->結果点数画面

ステータス変数に応じて画面を切り替え表示しています.

### 発生している問題・エラーメッセージ

ここで困っているのが、問題画面でスクロールして解答画面に遷移すると、画面トップから表示されず、前の問題画面でのスクロール位置で表示されてしまう点です。

以下で同様の問題をみつけましたが解決には至っていないようです。
[scroll to top of page - livewire component - alpine js](https://stackoverflow.com/questions/66131354/scroll-to-top-of-page-livewire-component-alpine-js)

Reactでの解決方法は、
・スクロールトップ用のコンポーネントをつくる
・作ったコンポーネントでラップする
となっているので、LivewireでもAlpineJSを使って同じようなことをすれば良いのかと、Livewire公式ドキュメントを確認してみましたが、どうすれば良いか分からずに途方にくれております。

### 該当のソースコード

views/layouts/quizframe.blade.php
```Blade
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>クイズ</title>
    @livewireStyles
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
    <main class="main">
        <div class="holder">
            @livewire('quiz')
        </div>
    </main>
    @livewireScripts
    <script src="{{ mix('js/app.js') }}"></script>
</body>
</html>
```

views/livewire/quiz.blade.php
```Blade
{{-- 問題画面 --}}
@if($flow == 'ques')
    <div class="holder-inner question">
        ここに問題を表示（この部分がスクロールが必要になるほど長い）
        選択問題で選択肢をクリックで解答画面へ
        <ul>
            <li wire:click="checkAnswer(選択肢Aのid)">選択肢A</li>
            <li wire:click="checkAnswer(選択肢Bのid)">選択肢B</li>
        </ul>
    </div>
@endif

{{-- 解答画面 --}}
@if($flow == 'answer')
    <div class="holder-inner answer">
        ここに解答を表示
        （この部分も解説文あり、スクロールが必要になるほど長い）
        @if($num < 5)
            <button wire:click="showQuestion">つぎの問題へ</button>
        @else
            <button wire:click="showResult">結果をみる</button>
        @endif
    </div>
@endif

{{-- 結果画面 --}}
@if($flow == 'result')
    <div class="holder-inner result">
        ここに結果を表示
    </div>
@endif

```

```php
<?php
namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\Question;
use App\Models\Choice;

class Quiz extends Component
{
    public $flow; // 画面ステータス

    public function mount()
    {
        $this->resetQuiz();
        $this->showQuestion();
    }

    public function render()
    {
        return view('livewire.quiz')
            ->layout('layouts.quizframe');
    }

    public function resetQuiz()
    {
        // プロパティを初期化
    }

    public function showQuestion()
    {
        $this->flow = 'ques';
        // 問題を取得
    }

    public function checkAnswer($id)
    {
        $this->flow = 'answer';
        // 採点
    }

    public function showResult()
    {
        $this->flow = 'result';
    }
}
```

ご教授いただけると助かります。
どうぞよろしくお願いします。

Laravel Livewireでページ遷移したときのスクロール位置を上まで戻したい

jetstream、livewireをインストール後migrateを行いlocalhostにアクセス。
login、registerの画面が表示されるのですがボタンを押すと下記のエラーが発生します。

Illuminate\Database\QueryException
SQLSTATE[HY000] [2002] Connection refused (SQL: select count(*) as aggregate from `users` where `email` = test@mail.comn)
http://localhost:8573/register

環境
- windows
- laravel8
- docker
- mysql

コード
.env
DB_CONNECTION=mysql
DB_HOST=mysql
DB_PORT=3308
DB_DATABASE=klstock
DB_USERNAME=sail
DB_PASSWORD=password

database.php
'mysql' => [
            'driver' => 'mysql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3308'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => '',
            'prefix_indexes' => true,
            'strict' => true,
            'engine' => null,
            'options' => extension_loaded('pdo_mysql') ? array_filter([
                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
            ]) : [],
        ],

docker-compose.yml
mysql:
        image: 'mysql:8.0'
        ports:
            - '${FORWARD_DB_PORT:-3308}:3306'
        environment:
            MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
            MYSQL_DATABASE: 'klstock'
            MYSQL_USER: 'sail'
            MYSQL_PASSWORD: 'password'
            MYSQL_ALLOW_EMPTY_PASSWORD: 'yes'
        volumes:
            - 'sailmysql:/var/lib/mysql'
        networks:
            - sail
        healthcheck:
            test: ["CMD", "mysqladmin", "ping", "-p${DB_PASSWORD}"]
            retries: 3
            timeout: 5s

試したこと
port番号を変えたりmigrate:freshやrefreshなど試してみましたが状況は変わりません

laravel jetstreamでエラー(SQLSTATE[HY000] [2002] Connection refused)

### 質問内容
/livewire/livewire.jsファイルが作成されるための方法
または作成されない理由を教えてください。

### 前提

ubuntsu上で以下コマンドを入力し、環境構築を行いました。

// インストール
composer create-project laravel/laravel:9.* [アプリ名]
cd [アプリ名]

// env作成
cp .env.example .env

// composerインストール
composer install

// authキー生成
php artisan key:generate

// 権限の問題でエラーが出る場合
chmod 777 storage

// jetstreamをインストール
composer require laravel/jetstream
php artisan jetstream:install livewire --teams

// マイグレーション
php artisan migrate

### 発生している問題・エラーメッセージ

ログインし、ダッシュボードページで以下のメッセージがコンソールに表示されます。

```
Failed to load resource: the server responded with a status of 404 (Not Found)
Uncaught ReferenceError: Livewire is not defined at dashboard:431:27
```

### 補足情報（FW/ツールのバージョンなど）

サブディレクトリにアプリを作った場合livewireの設定を追加行わなくてはならないと知りましたが
今回はドメイン直下にアプリをインストールしているので該当しないと認識しています。


Laravel9 ＋Jetstreamの環境構築にてlivewire.jsが作られない

### 前提・実現したいこと

この度初めて質問させていただきます。
何卒よろしくお願い申し上げます。

LaravelとLivewireで非同期通信を使ったアプリケーションを作成したいと思い、試しにLivewireドキュメントのクイックスタートのカウンター機能を作っている最中です。
xamppを使ったローカル環境にて試しております。

### 発生している問題・エラーメッセージ

カウンター機能は動作確認できたのですが、別のビューからaタグでカウンターのページに遷移した直後にカウントアップボタンを押しても反応がなく、リロードすると反応するようになります。
デベロッパーツールのConsoleタブにもエラーは特に出ていません。
これを遷移直後でも動作するようにしたいのですが、原因を突き止められずにいます。

### 試したこと

以下のパターンなら遷移直後でも問題なく動作しました。
- アドレスバーにパスを直接入力して遷移
- jsのonclick="location.href=''" で遷移

aタグを使ったままうまく動作させる方法がございましたら、ご教授いただきたく存じます。

### 該当のソースコード

resources/views/livewire/counter.blade.php
```blade
<div>
    <button wire:click="increment">+</button>
    <h1>{{ $count }}</h1>
</div>
```

app/Http/Livewire/Counter.php
```php
<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Counter extends Component
{
    public $count = 0;

    public function increment()
    {
        $this->count++;
    }

    public function render()
    {
        return view('livewire.counter')->extends("layouts.template");
    }
}
```

resources/views/test.blade.php
```blade
@extends('layouts.template')

<div>
    <a href="{{ route('counter') }}">カウンターへのリンク</a>
    <button onclick="location.href='{{ route('counter') }}'">カウンターへのリンク</button>
</div>
```

app/Http/Controller/TestController.php
```php
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class TestController extends Controller
{
    public function index()
    {
        return view('test');
    }
}
```

resources/views/layouts/template.blade.php
```blade
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Livewire</title>
    @livewireStyles
</head>

<body>
    @yield('content')

    @livewireScripts
</body>

</html>
```

routes/web.php
```php
<?php

use Illuminate\Support\Facades\Route;

Route::get('counter', App\Http\Livewire\Counter::class)->name("counter");

Route::get('test', 'App\Http\Controllers\TestController@index');
```

### 補足情報（FW/ツールのバージョンなど）

livewire 2.10
Laravel 8.83.15
xampp 8.1.4
