wireui / wireui

TallStack UI components
https://v1.wireui.dev
MIT License
1.37k stars 167 forks source link

Alpine Expression Error: wireui_modal is not defined Expression: "wireui_modal({ show: false, model: JSON.parse(atob('eyJuYW1lIjoibW9kZWwiLCJkaXJlY3RpdmUiOiJ3aXJlOm1vZGVsLmRlZmVyIiwidmFsdWUiOiJjcmVhdGVNb2RhbCJ9')) })" #847

Open rahmannudn opened 3 months ago

rahmannudn commented 3 months ago

I have installed wireUI and followed all the steps from https://v1.wireui.dev/docs/get-started.

After the page loads, the modal that I use automatically shows, and after I close it, I cannot open it anymore. Anyone can please tell me the problem.🙏

Here's the error message on the console.

image

the blade file :

image

app.blade.php (inside head tag)

 @livewireStyles
    @wireUiScripts
    <script src="//unpkg.com/alpinejs" defer></script>

    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireScripts

code inside app.js : import "./bootstrap"; import "flowbite"; import "./../../vendor/power-components/livewire-powergrid/dist/powergrid"; import "./../../vendor/power-components/livewire-powergrid/dist/tailwind.css";

woweya commented 1 week ago

Same problem as you, did you find out?

rahmannudn commented 1 week ago

just delete the alpine js script tag and make sure you follow this step https://v1.wireui.dev/docs/get-started correctly