Laravel Livewire Starter Kit：改用户名登录后提交无响应，求排查

升级旧PHP应用，需保留原有用户名登录功能，已修改以下文件：

修改的视图文件（livewire/auth/login.blade） #

<flux:input
        wire:model="username"
        :label="__('Username')"
        type="text"
        required
        autofocus
        placeholder="username"
    />

修改的Livewire组件文件（app\Livewire\Auth\Login.php） #

#[Validate('required|string|email')]
public string $email = '';

#[Validate('required|string')]
public string $username = '';

#[Validate('required|string')]
public string $password = '';

public bool $remember = false;

/**
 * Handle an incoming authentication request.
 */
public function login(): void
{
    $this->validate();

    $this->ensureIsNotRateLimited();

    if (! Auth::attempt(['username' => $this->username, 'password' => $this->password], $this->remember)) {
        RateLimiter::hit($this->throttleKey());

        throw ValidationException::withMessages([
            'username' => __('auth.failed'),
        ]);
    }

    RateLimiter::clear($this->throttleKey());
    Session::regenerate();

    $this->redirectIntended(default: route('dashboard', absolute: false), navigate: true);
}

现在提交登录无任何响应，也没有错误提示，请问遗漏了什么配置或步骤？

• 移除冗余的email验证规则
  组件中保留了$email字段的必填验证，但视图里没有对应的输入框，执行$this->validate()时会触发验证失败，但因为视图未渲染email字段的错误信息，所以看不到任何反馈。需要删除$email的#[Validate]注解，或者将其改为非必填：

  // 直接删除冗余字段（若无需保留）
  // #[Validate('required|string|email')]
  // public string $email = '';
  
  // 或改为非必填规则
  #[Validate('nullable|string|email')]
  public string $email = '';
  

• 确认表单提交的触发方式
  检查登录按钮是否正确绑定Livewire的wire:click事件来触发login方法，避免使用普通HTML表单提交。正确写法示例：

  <button type="button" wire:click="login" class="...">登录</button>
  

  若用<form>标签包裹，需确保未设置action属性，避免与Livewire交互逻辑冲突。

• 调整用户模型的认证字段
  Laravel默认用email作为认证标识，改为username需在User模型中重写认证标识方法：

  class User extends Authenticatable
  {
      // ...
      public function getAuthIdentifierName()
      {
          return 'username';
      }
  }
  

  也可在config/auth.php的providers配置中指定认证字段：

  'providers' => [
      'users' => [
          'driver' => 'eloquent',
          'model' => App\Models\User::class,
          'username' => 'username', // 添加该行指定认证字段
      ],
  ],
  

• 确认Livewire JS资源已加载
  确保登录页面底部包含Livewire脚本标签：

  @livewireScripts
  

  未加载该脚本会导致wire:model和wire:click完全失效，点击按钮无响应。

• 检查浏览器控制台的JS错误
  打开浏览器开发者工具的Console面板，查看是否存在Livewire连接失败、组件加载异常等JS错误，这类问题会直接导致交互失效。

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