使用 livewire-ui/modal 创建的模态不会关闭

Question

我正在检查livewire-ui/modal，如this github page中所述

当点击打开按钮时，模式会正确显示，但它从不关闭无论使用的意思是什么，例如：

• 点击离开
• 使用转义触摸
• 在此代码中使用关闭按钮

<button wire:click="$emit('closeModal')">No, do not delete</button>

• 在此代码中使用关闭按钮

<button class="button-link" wire:click.prevent="close()"> Poster</button>

并且在模态中具有这样的关闭功能：

<?php

namespace App\Http\Livewire;

use LivewireUI\Modal\ModalComponent;

class Hello extends ModalComponent
{
    public function render()
    {
        return view('livewire.hello');
    }

    public function close(){
        
        $this->closeModal();
    }
}

Answer 1

功能是由于我在页面中有 2 个 alpine 一个直接在页面 (CDN) 中，另一个在 app.js 中（需要“alpinejs”）。我只是保留了 require 'alpinejs'，现在它可以工作了。