Full page table component showing spinners non-stop
Has anyone experienced an issue when using a table as a full page livewire component and having things like actions or searchable items just display the loading (spinner) icon non-stop? I upgraded my app from v2 to v3 and I just started seeing this. I recreated the page from scratch and the issue is still there. Could I be loading something incorrectly? I get through the docs section by section, and field by field but I can't find the issue. Everything works fine on v2.
I am attaching a video.
Solution:Jump to solution
Ok, so the issue is related to using a custom alpine component.
Per the livewire 3 upgrade guide, I need to use
@livewireScriptConfig on my layout file, and add something like this to the app.js file:
`import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';...1 Reply
Solution
Ok, so the issue is related to using a custom alpine component.
Per the livewire 3 upgrade guide, I need to use
@livewireScriptConfig on my layout file, and add something like this to the app.js file:
import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
import Tooltip from "@ryangjchandler/alpine-tooltip";
Alpine.plugin(Tooltip);
Livewire.start()
Adding @livewireScriptConfig makes the page display the spinners in a loading stage.