livewire Quickstart 不起作用

Question

我正在尝试执行 Livewire Quickstart。我已正确安装所有内容并复制示例中出现的代码，但动态行为对我不起作用。也就是说，我不知道它是否加载了 Javascript，因为控制台中什么也没有出现。

html:


    @livewireStyles
        </head>
    
        <body>
    
    <livewire:counter/>
    
    @livewireScripts      
        </body>
    </html>

class:

 class Counter extends Component
    {
        // cual propiedad puede accederse por el componente..
        public $count=0;
    
        public function increment()
        {
    
            $this->count++;
        }
    
        public function render()
        {
            return view('livewire.counter');
        }
    
      
    }

按钮：

<div class="inline-block mr-2 mt-2">
                    {{-- wire: evento que se espera... ='metodo al que llama' --}}
                   <button wire:click="increment" type="button" class="focus:outline-none text-white text-sm py-2.5 px-5 rounded-md bg-green-500 hover:bg-green-600 hover:shadow-lg">Aumentar</button>
</div>

它不适用于 php artisan serve 或我创建的虚拟服务器，我也会转录以防路径错误：

<虚拟主机 *> DocumentRoot "C:\xampp\htdocs\cursos\public" 服务器名称 cursos.test <目录“C:\xampp\htdocs\cursos\public”> 选项全部允许覆盖所有要求全部授予

谢谢

Answer 1

在 counter 的 Blade 文件中将其包装成单个 div 元素

<div>
<button wire:click="increment" type="button" class="focus:outline-none text-white text-sm py-2.5 px-5 rounded-md bg-green-500 hover:bg-green-600 hover:shadow-lg">Aumentar</button>
</div>

在Counter组件中将count变量初始化为0

public $count = 0

livewire Quickstart 不起作用

livewire Quickstart doesnt works

laravel-livewire

laravel-8