nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Map unable to load after upgrading from ArcGIS Javascript API from version 4.25 to 4.29

wzence

After upgrading to ArcGIS Javascript API 4.26.4, the map on our application is unable to load. It shows a black screen. The error message in the browser console is:

Uncaught (in promise) TypeError: i is not a function
at I.enforceState (RenderingContext.js 5:1)
at I.configure (RenderingContext.js 5:1)
at new I (RenderingContext.js 5:1)
at new P (Stage.js: 5:1)
at p._startup (MapView.js 5:1)
at View.js: 5:1
at u (reactiveUtils.js: 5:1)
at watch.js: 5:1
at s (trackingUtils.js:5:1)
at c (trackingUtils.js:5:1)
at s [as _notify] (trackingUtils.js:5:1)
at s.onCommitted (SimpleTrackingTarget.js:5:1)
at l.onCommitted (Property.js:5:1)
at l.onCommitted (Property.js:5:1)
at l.onCommitted (Property.js:5:1)
at l.onCommitted (Property.js:5:1)
at a.commit (Property.js:5:1)
at O.setAtOrigin (Property.js:5:1)
at O._internalSet (Property.js:5:1)
at O.internalSet (Property.js:5:1)
at p._set (Accessor.js:5:1)
at Loadable.js:5:1

The ArcGIS server we are using is ArcGIS enterprise version 10.41. We are not using knowledgeGraphService in our application, so not sure if it is necessary to upgrade the server to enterprise version 11.1 as mentioned in the breaking changes.

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

wzence

Just an update. In order for the map to load in v4.27, I will need to manually modify what seems to be a bug in @ArcGIS/core/views/webgl/RenderingContext.js.

Details of the change I made in RenderingContext.js:

I need to pass in the object "r" to the function configure(e,r) when in turn call enforceState(r) which has the following line of code in the function:

this.type === r.WEGL2 && e.bindTexture(R.TEXTURE_3D, null)

The "r" in "r.WEGL2" is somehow undefined if it is not passed in from configure() to enforeState()

wzence

Hi,

Just to share, after upgrading to ArcGIS v4.26.4 from v4.25.5, and then I just replace the 'RenderingContext.js' file found in @ArcGIS/core/views/webgl from the old version (v4.25.5), the map will be able to load without changing my code.

I'm not sure what is the difference in RenderingContext.js in v4.26.4 that cause the map not able to load.

JSFrost

Hi David,

Just to update, so had tried upgrade server to v11 and using arcgis 4.26, the issue remains. It might not be server issue.

David_McRitchie

Thank you for checking and confirming. In this case I am unsure so I would recommend raising a Support case with your distributor if possible. If you are also on ArcGIS Server 10.4.1 then it would be best to upgrade this as this version is now unsupported.

Many thanks,

David

David_McRitchie

Hey thank you for letting me know you're also encountering this.

I have not seen this issue reported yet, nor is it occurring in any of the samples so I think there will be something more specific causing this.

In this case we really would need to see a sample app to test this. From looking at the change notes however it could one of the Breaking changes at 4.26 where 3D Scenes now require a WebGL2-compatible device. Could you therefore test the following website to confirm this is not the case?

Many thanks,

David

jsfr0st

Hi David,

I am having the same issue.

Here are some things that I had tried and does not work:

1. Upgrade graphics driver to ensure usage of up to version OpenGL 2 to 3+
2. Under browser configuration example chrome://gpu, i enabled WebGL, and ANGLE to use OpenGL (i've tried all options as well)
3. Downgrade Chrome browser to older version
4. Tried using Chrome, Firefox, Opera different browsers all having same issue.
5. Upgrade to 4.26 and 4.27 shows slightly different error but all pointing to WebGL issue
6. Tried updated browserslist in package.json to use latest browser version, not IE v11 etc.

The following picture shows what I had encounter for Arcgis v4.27

I am suspecting this is an underlying issue with ArcGIS libraries (js-api), incompatible with the latest browsers and maybe GPU as well.

Hope you can find something out from it and let us know, because this issue can snowballed into something bigger if it does not get resolves before v4.28.

Thank you!

David_McRitchie

Unfortunately it is going to be difficult to tell where this is going wrong without a sample but looking at the network traffic log and responses will hopefully provide some results.

David

wzence

Hi,

Its a large codebase. The code is working using API v4.25, but once it is upgraded to 4.26.4, the map is unable to load. I suspect there could be some problem in loading the MapView in v4.26:

mapView = new MapView({
container: 'map-view-container',
map: MapParams.main.map
spatialReference: ...
center: ...
zoom: 15
constraints: {
minZoom: 11,
},
hightlightOptions: {
haloCapacity: 1,
fillOpacity: 0.1,
},
popup: {
dockOptions: {
buttonEnabled: false,
},
}
});

Not sure is it the ArcGIS server also need to be upgraded.

-Smita-

Hi,

Could you share a snippet or create a CodePen to have a look at the code?

wzence

The subject should be "Map unable to load after upgrading from ArcGIS Javascript API from version 4.25 to 4.26"

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.