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

[oliverbj]

Hi there.

I have a Laravel application, where I am trying to install Alpine.js (Using NPM) together with wire-elements/modal. In my app.js file I have this:

require("./bootstrap");
require("alpinejs");

window.Alpine = Alpine;

Alpine.start();

I am loading the app.js file in my app.blade.php view file:

    <!-- Scripts -->
    <script src="{{ mix('js/app.js') }}" defer></script>
    <script src="{{ mix('js/modal.js') }}" ></script>

This gives me an error like the below though:

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

If I remove Alpine.start(); from my app.js file, the error goes away (but Alpine is not working then).

[PhiloNL]

I would recommend adding the import before the Alpine definition:

require('../../vendor/wire-elements/modal/resources/js/modal')

window.Alpine = Alpine
Alpine.start()