I'm trying to use with partytown but I'm getting `XPathEvaluator not defined" error

[kodmanyagha]

Hi folks, as I specified at the title I'm getting XPathEvaluator error when I'm loading everything with partytown. Let me show the code:

  <script type="text/javascript" src="~partytown/partytown.js"></script>

  <meta name="htmx-config"
        content='{"responseHandling": [{"code":"...", "swap": true}], "historyCacheSize": 0, "getCacheBusterParam": true}' />
  <script type="text/partytown"
          src="https://cdnjs.cloudflare.com/ajax/libs/htmx/2.0.6/htmx.min.js"></script>

The error: TypeError: XPathEvaluator is not a constructor

Also I have a javascript file which contains general functions but other javascript files can't reach to these functions. For example there is functions.js and auth.js files. There is a function which name is showAlert() in functions.js and I'm trying to invoke this function in auth.js file. But I'm getting that error: showAlert is not defined.

Do you have any suggestion? Thanks.

[MichaelWest22]

htmx uses XPath features that all browsers support for some of it's functionality but it is possible that partytime does not support all the same javascript features that browsers do unfortunately.

I don't think htmx is an ideal candidate script to be included as a dynamic module that should be loaded later sorry. It is too small and non blocking to be a good candidate and will likely just cause performance and other issues if you try delaying its execution. Delayed htmx execution can cause issues for htmx extensions and sometimes prevent it detecting when the DOM finishes loading content so it can perform its post load initialization functions. I think you should try leaving all your critical path javascript like htmx and funcitons.js and auth.js as normal main thread normally loaded scripts so these are executed fast and stable and available while larger slower non critical scripts can be loaded later.