Laravel Livewire新增评论刷新报错：Undefined array key 'class'

问题描述 #

在Laravel Livewire实现的文章评论模块中，新增评论触发Post组件刷新时出现以下错误：

Undefined array key "class"，抛出位置：public/index.php的Request::capture()处

Laravel日志详细错误：

Undefined array key "class" {"userId":1,"exception":"[object] (ErrorException(code: 0): Undefined array key \"class\" at vendor\\livewire\\livewire\\src\\HydrationMiddleware\\HydratePublicProperties.php:155)

场景细节：

• 首次加载评论正常显示
• 新增评论后评论已实际创建，但触发Post组件刷新时出错
• 手动刷新页面后评论正常显示
• 将评论逻辑移至Timeline组件时，刷新功能正常

代码问题定位 #

错误根源在Post组件的mount方法中，属性赋值语法错误：

// 错误代码
public function mount(Item $post = null) {
    $this->$post = $post;
}

这里误用了$this->$post（变量变量语法），实际是把传入的$post对象当作属性名来赋值，而非给组件定义的public Item $post属性赋值。导致Post组件的$post属性未被正确初始化，Livewire在组件刷新（hydrate）过程中，无法解析该属性的模型类类型，从而抛出"Undefined array key 'class'"错误。

解决方案 #

1. 修复Post组件的mount方法 #

将错误的赋值语法修正为直接给$this->post赋值：

class Post extends Component
{
    public Item $post;

    protected $listeners = [
        'comment::created' => '$refresh'
    ];

    public function mount(Item $post = null) {
        // 修正：去掉$post前面的$符号
        $this->post = $post;
    }

    public function render()
    {
        return view('livewire.post');
    }

    public function getCommentsProperty() {
        return $this->post->comments;
    }
}

2. 额外验证（可选） #

• 确保Item和Comment模型类已在组件文件顶部正确引入
• 确认新增评论的逻辑中，正确触发了comment::created事件，例如：

  // 新增评论的代码示例
  $comment = Comment::create([...]);
  $this->dispatch('comment::created');
  

原理说明 #

Livewire在处理组件刷新时，会对组件的public属性进行hydration（水化）过程，需要明确属性的类型信息（比如模型类）。当Post组件的$post属性未被正确初始化时，Livewire无法获取该属性对应的模型类，就会在HydratePublicProperties.php中尝试读取不存在的"class"数组键，从而触发错误。

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