Alpine 表达式错误：无法读取未定义的属性（读取“名称”）

Question

由于未知原因，尝试使用 Livewire 组件上传图像时会出现此错误。 到目前为止，该组件非常简单，我正在遵循教程，而导师却没有发生这种情况......

让我们看一些代码：

logo-upload.blade.php（实时视图）

<div>
    <input type="file" class="file-input file-input-bordered file-input-primary file-input-xs w-full max-w-xs"  wire:model="logo"/>
    <button wire:click="upload" class="btn btn-primary btn-xs">Upload</button>
</div>

LogoUpload.php（livewire 控制器）

<?php

namespace App\Livewire;

use App\Models\Agency;
use Illuminate\Support\Facades\Storage;
use Livewire\Component;
use Livewire\WithFileUploads;

class LogoUpload extends Component
{
    use WithFileUploads;
    public $logo;
    public $agency;

    public function upload()
    {
        dd($this->logo);
//        $this->validate(['logo' => 'image|max:5120']);
//
//        $agency = Agency::find($this->agency); // Busca o agencia pelo id
//        $image = $this->logo;
//        $filename = time() . '.' . $image->getClientOriginalExtension();
//        $path = $image->storeAs($agency->cnpj, $filename, 's3');
//        $agency->logo = $filename;
//        $agency->url = Storage::disk('s3')->url($path);
//        $agency->save();
    }


    public function render()
    {
        return view('livewire.logo-upload');
    }
}

index.blade.php（调用@livewire的刀片视图）

<div class="w-1/3 p-4 sm:rounded-lg">
                            <h3 class="text-3xl font-bold text-gray-800 dark:text-white">Logotipo</h3>
                            <hr class="h-px my-8 bg-gray-200 border-0 dark:bg-gray-700">
                            @if($agency->logotipo)
                                <div class="card w-96 bg-base-100 shadow-xl image-full">
                                    <figure>< <img src="{{ $agency->logotipo }}" alt="{{ $agency->nome.'logotipo' }}"></figure>
                                    <div class="card-body">
                                        <h2 class="card-title">Shoes!</h2>
                                        <p>If a dog chews shoes whose shoes does he choose?</p>
                                        <div class="card-actions justify-end">
                                            <button class="btn btn-primary">Buy Now</button>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <svg class="w-60 h-60 text-gray-200 dark:text-gray-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
                                    <path d="M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z"/>
                                </svg>
                                @livewire('logo-upload', ['agency_id' => $agency->id])
                            @endif
                        </div>

最后，控制台错误：

Answer 1

“Upload”是Livewire保留字，您必须更改wire:click调用的方法名称。
这里相关文档（搜索：页面中保留“上传”方式）