Livewire 3 with Laravel 10: Uncaught TypeError in livewire.esm.js when using wire
I've recently upgraded my project to use Laravel 10 and Livewire 3. After the upgrade, I've started encountering an issue whenever I use the wire:model directive in my Livewire components.
Here’s the error I'm seeing in the browser console:
livewire.esm.js:7428 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'uri') at getUpdateUri (livewire.esm.js:7428:117) at sendRequest (livewire.esm.js:8077:19) at RequestPool.send (livewire.esm.js:7854:11) at livewire.esm.js:7999:12 at Set.forEach () at CommitBus.createAndSendNewPool (livewire.esm.js:7995:11) at livewire.esm.js:7971:14 at livewire.esm.js:8034:5
This error occurs every time a wire:model is triggered, and it breaks the functionality of my Livewire components. I've ensured that the Livewire assets are up-to-date, and I’ve cleared all caches, but the issue persists.
Steps I’ve Taken: Cleared the application cache using php artisan config:clear, route:clear, view:clear. Verified that the correct version of livewire.js is being loaded. Ensured that Livewire and Laravel are both up-to-date. Checked discussions on Laracasts but haven't found a solution that resolves this issue. Upgraded Livewire and other related packages, but the problem remains. My Environment: Laravel: 10.x Livewire: 3.x PHP: 8.x Has anyone else encountered this issue or knows how to resolve it? I appreciate any help or guidance on this matter. Thank you!
Please or to participate in this conversation.