topic Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x in ArcGIS JavaScript Maps SDK Questions

Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

AlbertoPinilla — Wed, 01 Nov 2023 10:40:07 GMT

I am migrating my web application from the 3.x to 4.x Esri javascript api. I need to load "esri/identity/IdentityManager" module to access by token to my arcgis server rest services. It works fine, if I don't load dojo. But It fails when I load it. It comes out this error:
dojo.js.uncompressed.js:1770 GET https://ajax.googleapis.com/ajax/libs/dojo/1.14.1/esri/identity/IdentityManager.js net::ERR_ABORTED 404

It looks like the application is looking for the esri module in the dojo toolkit...

Below I am adding a sample in which I've commented the references to the IdentityManager . This way it works. For this sample there is no need to use the token, but I include it to make it easier to understand the case.

Thanks in advance.

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>DOJO and Esri javascript api 4.X</title>  <script src="https://ajax.googleapis.com/ajax/libs/dojo/1.14.1/dojo/dojo.js"></script> <link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/light/main.css" /> <script src="https://js.arcgis.com/4.28/"></script> <script> require([ "esri/layers/FeatureLayer", "esri/rest/support/Query", //If commented references to IdentityManager, there is no problem //"esri/identity/IdentityManager", "dojo/dom", "dojo/on", "dojo/domReady!" ], function (FeatureLayer, Query, // esriId, dom, on) { var tokenStr="63dJGeEz6333YPz6T07uLpGEbbVsnRPLqVVnEVkqhUq."; var token = { "server": "https://sampleserver6.arcgisonline.com/arcgis/rest/services", "token": tokenStr }; // esriId.registerToken(token); const countiesLayer = new FeatureLayer({ url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/3" }); let queryCounties = countiesLayer.createQuery(); queryCounties.returnGeometry = false; queryCounties.where = "state_name ='Washington'"; queryCounties.outFields = [ "OBJECTID", "state_name" ]; on(dom.byId("execute"), "click", execute); function execute () { countiesLayer.queryFeatures(queryCounties) .then(function(response){ document.write(response.features[0].attributes.state_name); }); } }); </script> </head> <body> <input id="execute" type="button" value="Query County"> </body> </html>

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

JoelBennett — Thu, 02 Nov 2023 17:16:30 GMT

It appears that adding the dojoConfig settings (particularly with the "packages" property set) prior to loading dojo resolves the problem:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>DOJO and Esri javascript api 4.X</title> <link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/light/main.css" /> <script type="text/javascript"> window.dojoConfig = { async: true, cacheBust: "0.0.1", has: {}, isDebug: true, locale: "en-us", parseOnLoad: false, packages: [ {name:"esri", location:"https://js.arcgis.com/4.28/esri"} ] }; </script> <script src="https://ajax.googleapis.com/ajax/libs/dojo/1.14.1/dojo/dojo.js"></script> <script src="https://js.arcgis.com/4.28/"></script> <script> require([ "esri/layers/FeatureLayer", "esri/rest/support/Query", "esri/identity/IdentityManager", "dojo/dom", "dojo/on", "dojo/domReady!" ], function (FeatureLayer, Query, esriId, dom, on) { var tokenStr = "63dJGeEz6333YPz6T07uLpGEbbVsnRPLqVVnEVkqhUq."; var token = { "server": "https://sampleserver6.arcgisonline.com/arcgis/rest/services", "token": tokenStr }; esriId.registerToken(token); const countiesLayer = new FeatureLayer({ url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/3" }); let queryCounties = countiesLayer.createQuery(); queryCounties.returnGeometry = false; queryCounties.where = "state_name ='Washington'"; queryCounties.outFields = [ "OBJECTID", "state_name" ]; on(dom.byId("execute"), "click", execute); function execute () { countiesLayer.queryFeatures(queryCounties).then(function(response) { document.write(response.features[0].attributes.state_name); }); } }); </script> </head> <body> <input id="execute" type="button" value="Query County" /> </body> </html>

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

AlbertoPinilla — Thu, 02 Nov 2023 17:52:42 GMT

Hi, Joel, I sensed that the solution was related to dojoConfig but I couldn't get any results. Thanks a lot for the answer!

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

ReneRubalcava — Thu, 02 Nov 2023 18:01:12 GMT

If you reference dojo via cdn and the Maps SDK via CDN, you are loading the dojo loader twice.

You should probably point the dojo path to previous versions of the Maps SDK CDN. You can even reference all the old dojo related libs if you need them, but it is highly recommended you stop using these and migrate to native js/browser implementations.

https://developers.arcgis.com/javascript/latest/4.25/#removal-of-non-esri-packages-from-cdn

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

AlbertoPinilla — Thu, 02 Nov 2023 18:36:47 GMT

Thank you very much for your answer, Rene, I take into account. When you recommend migrate to native js/browser implementations, do you mean giving up using dojo, jquery,.. libraries?

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

ReneRubalcava — Fri, 03 Nov 2023 14:57:50 GMT

dom.byId can be replaced with document.getElementById, and dojo/on is just a shortcut for addEventListener. You don't need domReady in modern browsers today. There's really no reason to rely on those dojo utilities in your apps today.

Re: Error on using IdentityManager when loading dojo with Esri Javascript Api 4.x

AlbertoPinilla — Mon, 06 Nov 2023 06:07:33 GMT

Thanks for your answer, Rene.