laravel - 前端 laravel fortify 上未显示错误消息

Question

我正在尝试使用 fortify 创建一个恢复密码页面，它会在其中询问用户电子邮件，并且每当用户尝试输入无效的电子邮件时它应该显示一条错误消息，但这里的问题是错误消息只出现在服务器端，而不是应该出现在页面上。如果我不在错误范围内使用引导类，它可以工作，但我想知道是否有其他方法可以解决这个问题。

这是表格：

<div class="limiter">
    <div class="container-login100">
        <div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-50">
            <form class="login100-form validate-form" action="{{route('password.request')}}" method="post">
                @csrf
                <span class="login100-form-title p-b-33">
                    Reset your password
                </span>
                @if(session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                @endif
                <div class="wrap-input100 validate-input" data-validate = "Valid email is required: [e-mail]">
                    <input class="input100" type="text" name="email" placeholder="Email">
                    <span class="focus-input100-1"></span>
                    <span class="focus-input100-2"></span>
                    @error('email')
                        <span class="invalid-feedback is-invalid" role="alert">
                            <strong>{{$message}}</strong>
                        </span>
                    @enderror
                </div>
                <div class="container-login100-form-btn m-t-20">
                    <button class="login100-form-btn" type="submit">
                        Send email
                    </button>
                </div>              
            </form>
        </div>
    </div>
</div>

这就是我认为问题所在：

@error('email')
    <span class="invalid-feedback is-invalid" role="alert">
        <strong>{{$message}}</strong>
    </span>
@enderror

标签： laravellaravel-fortify