wire-elements / modal

Livewire component that provides you with a modal that supports multiple child modals while maintaining state.
MIT License
1.08k stars 129 forks source link

Bug? Seems a bug after upgrading to version2 with Livewire3 #346

Closed lambertbeekhuis closed 10 months ago

lambertbeekhuis commented 10 months ago

I get an error in the console after upgrading to version 2 of this package, together with Livewire3

The console gives this:

module.esm.js:425 Uncaught TypeError: Cannot read properties of undefined (reading 'get')
    at Proxy.getActiveComponentModalAttribute (controlympics:752:1005)

Which refers to here

  window.LivewireUIModal = function() {
                                return {
                                    show: !1,
                                    showActiveComponent: !0,
                                    activeComponent: !1,
                                    componentHistory: [],
                                    modalWidth: null,
                                    getActiveComponentModalAttribute: function(t) {
                                        if (void 0 !== this.$wire.get("components")[this.activeComponent])
                                            return this.$wire.get("components")[this.activeComponent].modalAttributes[t]
                                    },

I cannot make anything from it, so if someone can help?

lambertbeekhuis commented 10 months ago

I solved it. Livewire v3 comes with alpinejs already bundled. So I had to remove adding AlpineJs seperately (as is required by Livewire v2)

raonikhil commented 3 months ago

I'm facing this same problem (Running Livewire 3). What did you do to fix it?

Uncaught TypeError: Cannot read properties of undefined (reading 'get')
    at Proxy.getActiveComponentModalAttribute (leads?%2F%2Fleads=:217:1045)
    at Proxy.init (leads?%2F%2Fleads=:217:4037)
    at alpinejs.js?v=4bcc10cc:572:23
    at tryCatch (alpinejs.js?v=4bcc10cc:525:12)
    at evaluate (alpinejs.js?v=4bcc10cc:552:32)
    at Function.<anonymous> (alpinejs.js?v=4bcc10cc:2883:27)
    at flushHandlers (alpinejs.js?v=4bcc10cc:693:46)
    at stopDeferring (alpinejs.js?v=4bcc10cc:698:5)
    at deferHandlingDirectives (alpinejs.js?v=4bcc10cc:701:3)
    at initTree (alpinejs.js?v=4bcc10cc:196:3)