Laravel FilamentPHP登录表单报错：error2未定义求助

在Laravel FilamentPHP项目中，登录表单无法正常提交。输入登录凭证并点击登录按钮后，控制台抛出Livewire相关报错，具体信息如下：

Laravel PWA: ServiceWorker registration successful with scope:  https://app.cms.com.ec/admin-panel/
livewire.js?id=38dc8241:1173 Uncaught ReferenceError: error2 is not defined
    at safeAsyncFunction (livewire.js?id=38dc8241:1173:10)
    at generateFunctionFromString (livewire.js?id=38dc8241:1187:16)
    at generateEvaluatorFromString (livewire.js?id=38dc8241:1192:16)
    at normalEvaluator (livewire.js?id=38dc8241:1154:111)
    at evaluateLater (livewire.js?id=38dc8241:1144:12)
    at evaluate (livewire.js?id=38dc8241:1140:5)
    at Function.<anonymous> (livewire.js?id=38dc8241:3560:17)
    at flushHandlers (livewire.js?id=38dc8241:1284:48)
    at stopDeferring (livewire.js?id=38dc8241:1289:7)
    at deferHandlingDirectives (livewire.js?id=38dc8241:1292:5)

livewire.js?id=38dc8241:1123 Alpine Expression Error: error2 is not defined

Expression: "[attribute](e) {
        let execute = () => {
          callAndClearComponentDebounces(component, () => {
            module_default.evaluate(el, \"$wire.\" + directive3.expression, { scope: { $event: e } });
          });
        };
        if (el.__livewire_confirm) {
          el.__livewire_confirm(() => {
            execute();
          }, () => {
            e.stopImmediatePropagation();
          });
        } else {
          execute();
        }
      }"

 <form method="post" x-data="{ isProcessing: false }" x-on:submit="if (isProcessing) $event.preventDefault()" x-on:form-processing-started="isProcessing = true" x-on:form-processing-finished="isProcessing = false" class="fi-form grid gap-y-6" id="form" wire:submit="authenticate">…</form>grid
handleError @ livewire.js?id=38dc8241:1123
tryCatch @ livewire.js?id=38dc8241:1115
(anonymous) @ livewire.js?id=38dc8241:3877
handler4 @ livewire.js?id=38dc8241:3179
(anonymous) @ livewire.js?id=38dc8241:3207
(anonymous) @ livewire.js?id=38dc8241:3181
livewire.js?id=38dc8241:1173 Uncaught ReferenceError: error2 is not defined

解决方案 #

• 清除Filament及前端缓存：执行php artisan filament:clear-cache，随后用Ctrl+Shift+R硬刷新浏览器清除本地缓存
• 重新发布Filament静态资源：运行php artisan filament:install --assets，确保前端资源与当前版本匹配
• 校验Livewire版本兼容性：检查composer.json中Livewire版本是否符合Filament官方要求，若不匹配，执行composer update livewire/livewire更新
• 排查PWA服务Worker干扰：报错中显示PWA服务Worker注册成功，可暂时禁用PWA相关插件或服务Worker，测试是否解决问题
• 检查自定义登录组件：若自定义了Filament登录页面，排查代码中是否存在语法错误或未定义变量，重点检查Alpine.js与Livewire交互部分

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