wireui: Uncaught TypeError: Cannot read properties of undefined (reading 'api')

Describe the bug I put a select inside a modal (wire-elements/modal), but on loading the modal, in the console AlpineJS triggers an error:


scripts:2 Uncaught TypeError: Cannot read properties of undefined (reading 'api')
    at Proxy.syncProps (scripts:2:43459)
    at Proxy.init (scripts:2:40393)
    at app.js:471:23
    at evaluate (app.js:448:32)
    at app.js:2606:27
    at Function.<anonymous> (app.js:1166:55)
    at flushHandlers (app.js:560:46)
    at stopDeferring (app.js:565:5)
    at deferHandlingDirectives (app.js:568:3)
    at initTree (app.js:778:3)
    
Here the select:

<x-select
                    label="Utenti"
                    placeholder="Utenti assegnati"
                    :options="$users"
                    option-label="name"
                    option-value="id"
                    multiple="true"
                    wire:model.defer="sel_users"
                />

To Reproduce Steps to reproduce the behavior: Can’t open the select. Single errror: Uncaught TypeError: Cannot read properties of undefined (reading ‘api’)

Expected behavior Open the modal.

Screenshots image

Desktop (please complete the following information):

OS: Microsoft Windows 11 Pro - 10.0.22000 build 22000 Browser: Google Chrome Version 102.0.5005.115 Smartphone (please complete the following information):

None Additional context

None

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Comments: 21 (11 by maintainers)

Most upvoted comments

Deleting resources/views/vendor/wireui folder helped me. Package was updated, but publish command doesn’t overwrite existing ‘old’ components.