Livewire调用getFilteredUsers()报null错误 原因排查问询

• 核心原因是Livewire的组件生命周期特性：首次请求时mount方法会执行，此时你初始化的$userService是有效的，所以在mount/render方法中调用相关方法可以正常运行。但当你触发过滤动作调用filter方法时，Livewire会发起新的异步请求重建组件，此时不会重新执行mount方法，而是从前端存储的序列化payload中反序列化恢复组件属性。
• 普通服务类通常包含无法序列化的资源（如数据库连接、外部依赖引用等），反序列化后就会变为null，这就是你调用getFilteredUsers时提示调用null成员方法的原因。
• 你贴出的代码还存在两个笔误：函数关键字拼写为funktion（正确应为function），可运行的mount示例中误将userService写为areaService，如果实际代码存在这类问题也需要同步修正。

方案1：方法内依赖注入（最推荐） #

Livewire支持在组件动作方法中自动注入依赖，不需要将服务存为组件属性：

public function filter(string $key, bool $value, UserService $userService): void
{
    $this->users = $userService->getFilteredUsers('is_active', $value);
}

方案2：使用hydrate钩子重新初始化服务 #

如果需要多处使用服务，可以将服务加入不序列化列表，在每次组件重建时自动初始化：

// 声明不序列化userService属性
protected $dontSerialize = ['userService'];

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

// 每次组件反序列化重建时都会触发
public function hydrate()
{
    $this->initUserService();
}

protected function initUserService()
{
    $this->userService = new UserService();
}

方案3：单次调用时直接获取服务实例 #

不需要存属性，每次调用时通过服务容器获取实例：

public function filter(string $key, bool $value): void
{
    $this->users = app(UserService::class)->getFilteredUsers('is_active', $value);
}

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