Laravel8環境 @livewire('navigation-menu')をコピーするとUnable to find componentエラーになる

Question

Laravel8のLiveware環境でlayoutsを分けようとしています。
resources/views/layouts/app.blade.php
resources/views/navigation-menu.blade.php
は標準で存在するファイルです。

resources/views/layouts/app.blade.php
内での

 @livewire('navigation-menu')

はエラーはでません。

app.blade.php
を
appstaff.blade.php
にコピー

@livewire('navigation-staff')

とし
resource/views/navigation-menu.blade.php
を
resource/views/navigation-staff.blade.php
にコピー

resource/views/staff/dashboard.blade.php
では
<x-appstaff-layout>～</x-appstaff-layout>
としました。

これだと
Livewire\Exceptions\ComponentNotFoundException
Unable to find component: [navigation-staff]
というエラーになります。

Answer 1

app\Http\Livewire\NavigationStaff.php

<?php

namespace app\Http\Livewire;
use Livewire\Component;

class NavigationStaff extends Component
{
    /**
     * The component's listeners.
     *
     * @var array
     */
    protected $listeners = [
        'refresh-navigation-staff' => '$refresh',
    ];

    /**
     * Render the component.
     *
     * @return \Illuminate\View\View
     */
    public function render()
    {
        return view('navigation-staff');
    }
}

を追加することで解決いたしました。ありがとうございました。

Comments

[kai0310]

自己解決ですか。。

Answer 2

コンポーネントは、ファイルまるごとコピペではなく、artisanコマンドを用いて作成してください。

App\Http\Livewire 直下にファイルがないことが原因かと思いますが。

いずれにせよ、ドキュメントくらい読みましょう。