topic Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application in ArcGIS Experience Builder Questions

JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

kendrick123 — Wed, 16 Apr 2025 18:50:39 GMT

I am getting the following error when hosting a downloaded ExB app which uses a locally hosted CDN:

index.js:2 Action class widgets/common/table/dist/data-actions/view-in-table load failed. TypeError: Cannot read properties of null (reading 'trim')
at Module.w [as normalize] (init.js:116:221)
at k._sanitizeUrl (IdentityManager.js:35:388)
at k.findOAuthInfo (IdentityManager.js:13:222)
at nI.registerOAuthInfo (index.js:610:23023)
at nI.initToRegisterOAuthForMainPortalAndAGOL (index.js:610:22681)
at nI.<anonymous> (index.js:610:18494)
at Generator.next (<anonymous>)
at s (index.js:610:17219)

I have spent days trying to debug the problem with no success. The error happens if I have a custom widget and also the built in table widget inside the experience. The downloaded experience is hosted on IIS. The error does not happen on the first load but on a random consecutive load and after the error it keeps giving the same error.

Few observations:

The error does not surface when using CDN hosted in ESRI servers.
The error only happens if experience has a custom widget and the built in table widget.
Error disappears when clearing the cache.
Error disappears when updating service workers on reload.

So for some reason portalUrl value ends up being undefined and that's what's causing the error inside view-in-table but I have no idea why. I suppose it has something to do with caching and service workers.

As a last resort I did a fresh offline install of ExB developer edition 1.17, downloaded the JSAPI 4.32 and hosted it on IIS. In Experience Builder I created an experience, added the table widget and the sample custom widget that comes with ExB dev edition download and still the same error appears.

I hope that someone can shed some light into why is this happening.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

JunshanLiu — Fri, 18 Apr 2025 01:57:51 GMT

When the error happens, do you see whether the Maps SDK is loaded?

In your custom widget, do you use the Maps SDK by "import ... from 'esri/..."? If yes, do you add the "jimu-arcgis" dependency in the manifest?

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

kendrick123 — Mon, 21 Apr 2025 06:10:06 GMT

Hi!

When the error happens I can see that OAuthInfo, IdentityManager and init.js get loaded from the Maps SDK CDN (from the cache).

I even tried with a single custom widget that imported only React and returned an empty div and still the same error happened so it can't be about Maps SDK import in the custom widget.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

JunshanLiu — Tue, 22 Apr 2025 09:27:23 GMT

So, a very simple custom widget + table widget + local host JSAPI will trigger the error? We'll check whether we can reproduce this issue.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

ShaozeSun — Wed, 23 Apr 2025 10:02:40 GMT

As you described, I set up the local host JSAPI using JSAPI 4.32 in my local environment, created the app using ExB developer edition 1.17, added the table and sample custom widget. After multiple refreshes and loads, the problem you mentioned was not reproduced. Perhaps you could describe your operations specifically, such as a particular custom widget, or under what conditions you load the app, etc.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

kendrick123 — Thu, 24 Apr 2025 11:24:26 GMT

Hi! Thanks for trying it out yourself.

In the webapp with only simple widget and table widget I could produce the error if the page is refreshed before it is fully done loading. With many custom widgets it happens more frequently and also refreshing after everything has fully loaded.

I copied the 'simple widget' webapp and JSAPI to a new cloud server to test whether it is system specific and still I got the same error on a quick refresh. The main workflow I follow is just downloading the app from ExB, unzipping and copying it to IIS wwwroot and doing exactly the same with the JSAPI. Then I load the app via network. Also, the issue is not browser specific.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

kendrick123 — Tue, 06 May 2025 12:18:53 GMT

I finally decided to downgrade to ExB version 1.16 and there everything works as expected. I followed exactly the same workflow as I did with 1.17 on the same servers with same server software and settings.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

ShaozeSun — Thu, 08 May 2025 02:32:39 GMT

I downloaded the EXB app as you described and deployed it as a service and doing the same with the JSAPI. But unfortunately, after many rapid operations such as refreshing, I still failed to reproduce the problem you mentioned. (JSAPI 4.32, ExB developer edition 1.17)

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

JordanCarmona — Thu, 14 Aug 2025 20:24:06 GMT

We're also seeing this issue across our ExB Developer Edition applications with custom widgets; our applications are using ExB 1.17; did you find a resolution?

Fun fact: Error is also not reproducible if you're recording the network stream in developer tools 🙃

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

kendrick123 — Mon, 18 Aug 2025 06:04:06 GMT

Sadly I did not find a solution. I just reverted back to 1.16 and hoping that next versions from 1.18 and on won't have this issue.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

JunshanLiu — Mon, 18 Aug 2025 06:13:21 GMT

Where do you host the Maps SDK? Under the same domain as the app?

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

kendrick123 — Mon, 18 Aug 2025 06:50:36 GMT

Yes, both are hosted on the same machine on IIS.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

JordanCarmona — Tue, 19 Aug 2025 21:01:26 GMT

We were in the same boat; we're testing and upgrading into 1.18 where we were unable to reproduce the issue. The lift should be fairly minimal for you since the calcite issues were introduced in 1.17; we haven't encountered any huge gotchas.

Re: JavaScript error when using locally hosted ArcGIS Maps SDK CDN in a production Experience Builder application

JordanCarmona — Thu, 04 Sep 2025 20:44:33 GMT

We're at 1.18 now without any issues; the original issue also disappeared for our 1.17 test applications after the edge browser updated.