调用Livewire方法报错：Uncaught (in promise) ReferenceError: livewire is not defined

核心问题 #

你调用时用了小写的livewire，但Livewire的全局对象是大写开头的Livewire，同时还要确保Livewire的JS脚本已正确加载。

解决方案 #

1. 修正调用语法（最常见原因） #

把小写的livewire改为大写Livewire：

Livewire.emit('deleteImage', 1);

如果是Livewire 3版本，推荐使用dispatch方法：

Livewire.dispatch('deleteImage', { id: 1 });

2. 确保Livewire脚本已正确引入 #

检查页面布局，确认已加载Livewire脚本：

• Laravel项目中，在页面底部添加Blade指令：

@livewireScripts

• 用CDN引入时，要保证脚本在你的jQuery代码之前加载：

<script src="https://cdn.jsdelivr.net/npm/livewire@2.x.x/dist/livewire.js"></script>

3. 替代方案：直接触发元素点击事件 #

如果不想依赖Livewire全局对象，可直接找到对应元素用jQuery触发点击：

$('[wire:click="deleteImage(1)"]').trigger('click');

4. 检查DOM加载时机 #

确保你的jQuery代码在DOM和Livewire脚本加载完成后执行，比如包裹在$(document).ready()中：

$(document).ready(function() {
    Livewire.emit('deleteImage', 1);
});

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