Uncaught Snapshot missing on Livewire component with id: QAcNIGM0wsdXZxTaZYW7
Hello,
I have a widget on the dashboard panel and I run into this error:
I have logged a few lines in livewire.js
This gives me the following output:
I am not sure how to solve this.
I would like to welcome some suggestions. Thanks
I have a widget on the dashboard panel and I run into this error:
livewire.js?id=07f22875:4496 Uncaught Snapshot missing on Livewire component with id: 46aAsyAJRQmsahOifnDDlivewire.js?id=07f22875:4496 Uncaught Snapshot missing on Livewire component with id: 46aAsyAJRQmsahOifnDDI have logged a few lines in livewire.js
var Component = class {
constructor(el) {
if (el.__livewire)
throw "Component already initialized";
el.__livewire = this;
this.el = el;
this.id = el.getAttribute("wire:id");
this.__livewireId = this.id;
// Log the component ID and element
console.log('Initializing component with ID:', this.id);
console.log('Element:', this.el);
this.snapshotEncoded = el.getAttribute("wire:snapshot");
this.snapshot = JSON.parse(this.snapshotEncoded);
if (!this.snapshot) {
throw `Snapshot missing on Livewire component with id: ` + this.id;
} var Component = class {
constructor(el) {
if (el.__livewire)
throw "Component already initialized";
el.__livewire = this;
this.el = el;
this.id = el.getAttribute("wire:id");
this.__livewireId = this.id;
// Log the component ID and element
console.log('Initializing component with ID:', this.id);
console.log('Element:', this.el);
this.snapshotEncoded = el.getAttribute("wire:snapshot");
this.snapshot = JSON.parse(this.snapshotEncoded);
if (!this.snapshot) {
throw `Snapshot missing on Livewire component with id: ` + this.id;
}This gives me the following output:
Initializing component with ID: RrX3NJt5ITldClnRMXfS
livewire.js?id=07f22875:4491 Element: <div wire:snapshot="{"data":{"isFilamentNotificationsComponent":true,"notifications":[[],{"class":"Filament\\Notifications\\Collection","s":"wrbl"}]},"memo":{"id":"RrX3NJt5ITldClnRMXfS","name":"filament.livewire.notifications","path":"admin","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"490cc37887409efc358c5334492120673db2dd7f97d9bca91b0c9dd3fed92a5c"}" wire:effects="{"listeners":["notificationsSent","notificationSent","notificationClosed"]}" wire:id="RrX3NJt5ITldClnRMXfS">…</div>
livewire.js?id=07f22875:4490 Initializing component with ID: QAcNIGM0wsdXZxTaZYW7
livewire.js?id=07f22875:4491 Element: <div wire:id="QAcNIGM0wsdXZxTaZYW7" wire:poll.5s class="fi-wi-stats-overview-stats-ctn grid gap-6 md:grid-cols-3">…</div>gridInitializing component with ID: RrX3NJt5ITldClnRMXfS
livewire.js?id=07f22875:4491 Element: <div wire:snapshot="{"data":{"isFilamentNotificationsComponent":true,"notifications":[[],{"class":"Filament\\Notifications\\Collection","s":"wrbl"}]},"memo":{"id":"RrX3NJt5ITldClnRMXfS","name":"filament.livewire.notifications","path":"admin","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"490cc37887409efc358c5334492120673db2dd7f97d9bca91b0c9dd3fed92a5c"}" wire:effects="{"listeners":["notificationsSent","notificationSent","notificationClosed"]}" wire:id="RrX3NJt5ITldClnRMXfS">…</div>
livewire.js?id=07f22875:4490 Initializing component with ID: QAcNIGM0wsdXZxTaZYW7
livewire.js?id=07f22875:4491 Element: <div wire:id="QAcNIGM0wsdXZxTaZYW7" wire:poll.5s class="fi-wi-stats-overview-stats-ctn grid gap-6 md:grid-cols-3">…</div>gridI am not sure how to solve this.
I would like to welcome some suggestions. Thanks
