安装Livewire后调用counter组件报参数类型不匹配错误如何解决

报错信息：Livewire\Redirector::component(): Argument #1 ($component) must be of type Livewire\Component, App\Http\Livewire\Counter given

问题原因 #

• 核心是Livewire版本差异导致的组件类不符合类型校验要求：如果你安装的是Livewire 3.x版本，还在沿用2.x的组件路径、命名空间写法，就会触发该错误。Livewire 3.x默认将组件存放路径从app/Http/Livewire调整为app/Livewire，对应的命名空间也同步变更。
• 小概率是你编写的Counter组件类没有正确继承Livewire\Component基类，或者引入了错误的Component命名空间。

解决方法 #

方案1：适配Livewire 3.x默认规范（推荐） #

1. 将你放在app/Http/Livewire/目录下的Counter.php文件移动到app/Livewire/目录下（如果没有该目录就手动创建）
2. 修改Counter.php的代码为以下内容：

<?php

namespace App\Livewire;

use Livewire\Component;

class Counter extends Component
{
    public function render()
    {
        return view('livewire.counter');
    }
}

3. 执行命令清理缓存：

php artisan optimize:clear

方案2：兼容Livewire 2.x写法 #

如果你不想调整组件存放路径，继续沿用2.x的目录结构，在app/Providers/AppServiceProvider.php的boot方法中添加以下注册代码即可：

public function boot()
{
    \Livewire\Livewire::setComponentNamespace('App\\Http\\Livewire');
}

修改完成后同样执行缓存清理命令即可。

内容的提问来源于stack exchange，提问作者MEDO bro