topic esri-loader.js generates in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/esri-loader-js-generates/m-p/316609#M29163 <HTML><HEAD></HEAD><BODY><P>I am working on a web application which used Vue framework. I am following the code snippet in this link to authenticate the user.</P><P><A class="link-titled" href="https://developers.arcgis.com/javascript/latest/sample-code/identity-oauth-basic/index.html" title="https://developers.arcgis.com/javascript/latest/sample-code/identity-oauth-basic/index.html">Access ArcGIS Online items using OAuthentication | ArcGIS API for JavaScript 4.16</A>&nbsp;</P><P></P><P><STRONG>Below is my version.</STRONG></P><P></P><P>&lt;script&gt;<BR />import { loadModules } from 'esri-loader'<BR />export default {<BR /> name: 'Home',<BR /> selectedAgol: '',<BR /> data () {<BR /> return { <BR /> }<BR /> },<BR /> mounted(){<BR /> loadModules('esri/identity/IdentityManager', 'esri/identity/OAuthInfo').then(([esriId, OAuthInfo]) =&gt; {<BR /> const info = new OAuthInfo({<BR /> appId: "fdksdofiwue3wmerf",<BR /> portalUrl: "https://www.arcgis.com/sharing/rest/oauth2/authorize/",<BR /> popup: false<BR /> });<BR /> esriId.registerOAuthInfos([info]);<BR /> esriId<BR /> .checkSignInStatus(info.portalUrl + "/sharing")<BR /> .then(function () {<BR /> displayItems();<BR /> })<BR /> .catch(function () {<BR /> // Anonymous view<BR /> anonPanelElement.style.display = "block";<BR /> personalPanelElement.style.display = "none";<BR /> });<BR /> })<BR /> }<BR />}<BR />&lt;/script&gt;</P><P></P><P>The script generates the following error.</P><P><SPAN style="color: #ff0000;">Uncaught (in promise) Error: undefinedModule</SPAN><BR /><SPAN style="color: #ff0000;"> at p (dojo.js:5)</SPAN><BR /><SPAN style="color: #ff0000;"> at ba (dojo.js:11)</SPAN><BR /><SPAN style="color: #ff0000;"> at v (dojo.js:5)</SPAN><BR /><SPAN style="color: #ff0000;"> at eval (esri-loader.js?31e8:237)</SPAN><BR /><SPAN style="color: #ff0000;"> at new Promise (&lt;anonymous&gt;)</SPAN><BR /><SPAN style="color: #ff0000;"> at requireModules (esri-loader.js?31e8:234)</SPAN><BR /><SPAN style="color: #ff0000;"> at loadModules (esri-loader.js?31e8:268)</SPAN><BR /><SPAN style="color: #ff0000;"> at VueComponent.mounted (Home.vue?5584:492)</SPAN><BR /><SPAN style="color: #ff0000;"> at invokeWithErrorHandling (vue.esm.js?efeb:1863)</SPAN><BR /><SPAN style="color: #ff0000;"> at callHook (vue.esm.js?efeb:4228)</SPAN></P><P></P><P><SPAN style="color: #000000;">I very much appreciate any suggestion you may have.&nbsp;</SPAN></P></BODY></HTML> Thu, 16 Jul 2020 02:06:36 GMT FardoshtAmirpanahi2 2020-07-16T02:06:36Z esri-loader.js generates https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/esri-loader-js-generates/m-p/316609#M29163 <HTML><HEAD></HEAD><BODY><P>I am working on a web application which used Vue framework. I am following the code snippet in this link to authenticate the user.</P><P><A class="link-titled" href="https://developers.arcgis.com/javascript/latest/sample-code/identity-oauth-basic/index.html" title="https://developers.arcgis.com/javascript/latest/sample-code/identity-oauth-basic/index.html">Access ArcGIS Online items using OAuthentication | ArcGIS API for JavaScript 4.16</A>&nbsp;</P><P></P><P><STRONG>Below is my version.</STRONG></P><P></P><P>&lt;script&gt;<BR />import { loadModules } from 'esri-loader'<BR />export default {<BR /> name: 'Home',<BR /> selectedAgol: '',<BR /> data () {<BR /> return { <BR /> }<BR /> },<BR /> mounted(){<BR /> loadModules('esri/identity/IdentityManager', 'esri/identity/OAuthInfo').then(([esriId, OAuthInfo]) =&gt; {<BR /> const info = new OAuthInfo({<BR /> appId: "fdksdofiwue3wmerf",<BR /> portalUrl: "https://www.arcgis.com/sharing/rest/oauth2/authorize/",<BR /> popup: false<BR /> });<BR /> esriId.registerOAuthInfos([info]);<BR /> esriId<BR /> .checkSignInStatus(info.portalUrl + "/sharing")<BR /> .then(function () {<BR /> displayItems();<BR /> })<BR /> .catch(function () {<BR /> // Anonymous view<BR /> anonPanelElement.style.display = "block";<BR /> personalPanelElement.style.display = "none";<BR /> });<BR /> })<BR /> }<BR />}<BR />&lt;/script&gt;</P><P></P><P>The script generates the following error.</P><P><SPAN style="color: #ff0000;">Uncaught (in promise) Error: undefinedModule</SPAN><BR /><SPAN style="color: #ff0000;"> at p (dojo.js:5)</SPAN><BR /><SPAN style="color: #ff0000;"> at ba (dojo.js:11)</SPAN><BR /><SPAN style="color: #ff0000;"> at v (dojo.js:5)</SPAN><BR /><SPAN style="color: #ff0000;"> at eval (esri-loader.js?31e8:237)</SPAN><BR /><SPAN style="color: #ff0000;"> at new Promise (&lt;anonymous&gt;)</SPAN><BR /><SPAN style="color: #ff0000;"> at requireModules (esri-loader.js?31e8:234)</SPAN><BR /><SPAN style="color: #ff0000;"> at loadModules (esri-loader.js?31e8:268)</SPAN><BR /><SPAN style="color: #ff0000;"> at VueComponent.mounted (Home.vue?5584:492)</SPAN><BR /><SPAN style="color: #ff0000;"> at invokeWithErrorHandling (vue.esm.js?efeb:1863)</SPAN><BR /><SPAN style="color: #ff0000;"> at callHook (vue.esm.js?efeb:4228)</SPAN></P><P></P><P><SPAN style="color: #000000;">I very much appreciate any suggestion you may have.&nbsp;</SPAN></P></BODY></HTML> Thu, 16 Jul 2020 02:06:36 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/esri-loader-js-generates/m-p/316609#M29163 FardoshtAmirpanahi2 2020-07-16T02:06:36Z