Alpine magic helpers do not work in IE 11 about alpine-magic-helpers HOT 3 CLOSED

Hi,

I wonder if this is an issue with Alpine specifically and how it registers helpers since it's not even defined. Can you share what version of Alpine you have? And can you share how you are loading the scripts exactly?

from alpine-magic-helpers.

Hi,

I wonder if this is an issue with Alpine specifically and how it registers helpers since it's not even defined. Can you share what version of Alpine you have? And can you share how you are loading the scripts exactly?

hello,this is my demo

<script src="https://cdn.jsdelivr.net/gh/alpine-collective/[email protected]/dist/index.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine-ie11.min.js" defer></script>
<div x-data="{ color: 'blue' }">
    <p
            x-data
            x-text="$component('yellowSquare').color"
            :class="`text-${$parent.color}-700`">
        <!-- This text will have blue background color and the text will say yellow -->
    </p>
</div>
<div x-id="yellowSquare" x-data="{ color: 'yellow' }"></div>

I tried to add alpine-ie11.min.js to fix Alpine.It can fix alpinejs, but it can't fix index.js.

The error reported in IE is an invalid character

from alpine-magic-helpers.

The magic helper file goes before Alpine (there's a little note in the install section https://github.com/alpine-collective/alpine-magic-helpers#installation).
The reason is that it needs to register the helpers before Alpine kicks in.
Can you move it and see if it fixes your issue?

from alpine-magic-helpers.