How to resolve dependency of JQuery

[arslandev123]

we have some module template .phtml that have a dependency of JQuery and it is coming on all the pages.

Here is the code of .phtml

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script type="text/x-magento-init">
    {
        "*": {
            "searchanise": {}
        }
    }
</script>

** breeze_default.xml **

<referenceBlock name="breeze.js">
            <arguments>
                <argument name="bundles" xsi:type="array">
                    <item name="default" xsi:type="array">
                        <item name="items" xsi:type="array">
                            <item name="searchanise" xsi:type="array">
                                <item name="path" xsi:type="string">https://searchserverapi1.com/widgets/v1.0/init.js</item>
                            </item>

Removing the <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> result in below error

init.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'event')

whereas 'event' points to the line of code if (a.$.event.special.touchstart = { here is the complete code - https://searchserverapi1.com/widgets/v1.0/init.js

My Question

How to resolve the JQuery dependency without directly using of <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> or what is the standard way to resolve this issue.

[vovayatsyuk]

I guess searchanise provides a script without jQuery dependency? Try using it instead.

If not, then try enabling built-in jquery in searchanise widget. I see that they provide ability to load jQuery automatically with noConflict mode:

[arslandev123]

If not, then try enabling built-in jquery in searchanise widget. I see that they provide ability to load jQuery automatically with noConflict mode

I think they don't have an alternate to JQuery right now.How to enable built-in jquery in searchanise widget ? Could you please give an example ?

[vovayatsyuk]

I'm not sure, as I've never worked with this plugin. I just saw that the code allows it. Looks like an option named forceUseExternalJQuery. Try searching their docs.

[arslandev123]

ok but how to enable the built-in JQuery in breeze theme ?

This is the current code under .phtml template. that is working for non-breeze type themes.
requirejs.config({ paths: { 'searchanise': '//searchserverapi.com/widgets/v1.0/init' }, shim: { 'searchanise': ['jquery'] } });

I have resolve the 'searchanise' by
<item name="searchanise" xsi:type="array"> <item name="path" xsi:type="string">https://searchserverapi1.com/widgets/v1.0/init.js</item> <!--<item name="path" xsi:type="string">js/searchanise</item>--> <item name="type" xsi:type="string">defer</item> </item>

How to resolve this ?
shim: { 'searchanise': ['jquery'] }

[vovayatsyuk]

Breeze doesn't use jQuery.