Laravel Livewire报错‘Class name must be a valid object or a string’求助

问题原因 #

你遇到的错误核心在于Livewire 3的属性序列化机制：组件中$todos初始被声明为数组public $todos = [];，但后续在fetchTodos()中赋值为Eloquent集合（Todo::all()->reverse()返回Collection实例）。Livewire在处理这种类型不一致的属性时，序列化/反序列化过程会出现类名解析异常，导致public/index.php:51处抛出错误。php artisan config:cache无法解决是因为这不是配置缓存问题，而是组件属性类型声明的问题。

解决方案 #

1. 修正属性类型声明
   将$todos的初始值改为null，或者显式声明为Collection类型，确保属性类型与后续赋值的集合一致：

   // 方式1：声明为可空Collection
   use Illuminate\Support\Collection;
   public ?Collection $todos = null;
   
   // 方式2：不设置初始值（PHP会默认设为null）
   public $todos;
   

2. 规范组件方法访问修饰符
   Livewire组件的生命周期方法（如mount）和自定义方法建议显式添加public修饰符，避免潜在的访问权限问题：

   public function mount(){
       $this->fetchTodos();
   }
   
   public function fetchTodos(){
       $this->todos = Todo::all()->reverse();
   }
   

3. 优化新增逻辑（可选）
   新增待办后重新调用fetchTodos()刷新列表，并清空输入框，提升用户体验：

   public function addTodos(){
       $this->validate([
           'task' => 'required'
       ]);
       // 使用create方法简化创建逻辑
       Todo::create([
           'title' => $this->task,
           'description' => 'some description',
           'due_date' => Carbon::now()->addDays(2),
       ]);
       $this->fetchTodos();
       $this->task = '';
   }
   

修改后的完整代码 #

<?php

namespace App\Livewire;

use App\Models\Todo;
use Carbon\Carbon;
use Illuminate\Support\Collection;
use Livewire\Component;

class TodoList extends Component
{
    public ?Collection $todos = null;
    public $task;

    public function mount(){
        $this->fetchTodos();
    }

    public function fetchTodos(){
        $this->todos = Todo::all()->reverse();
    }
    
    public function addTodos(){
        $this->validate([
            'task' => 'required'
        ]);
        Todo::create([
            'title' => $this->task,
            'description' => 'some description',
            'due_date' => Carbon::now()->addDays(2),
        ]);
        $this->fetchTodos();
        $this->task = '';
    }

    public function render()
    {
        return view('livewire.todo-list');
    }
}

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