Вставка AlpineJS через Livewire дает Необработанное обещание Отклонение: Ошибка ссылки: Не удается найти переменную

#javascript #laravel-livewire #alpine.js

Вопрос:

У меня есть компонент Livewire, который вставляет следующий компонент AlpineJS:

 <div x-data="{ example: false }">
  <div x-on:click="example = ! example" :class="example ? 'class1' : 'class2'"></div>
</div>
 

Это дает Unhandled Promise Rejection: ReferenceError: Can't find variable: example .

Проблема, похоже, в :class том, что, если я удалю эту ошибку, она исчезнет. Мне интересно, связано ли это с тем, что компонент вставляется Livewire?

Если я помещу этот фрагмент на обычную страницу (неживую), это сработает. Добавление x-init также не работает.