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; } } }

Error ArcGIS API for Javascript v3.1

KristianLucido

Hi,
i have a big problem with the new Api for Javascript.

In my web app i have the version 2.7 and run correctly.
When i upgrade my webapp at version 3.1 i have this problem. I did the correct installation of the API.
Put the Api in a local webserver and change the configuration of "init.js" and "dojo.js" with correct parameters.
But this is the result:
[ATTACH=CONFIG]17910[/ATTACH]

Thanks in advance for the answer! 😉

esri.JPG

3_GPSPositionWindow.JPG

MorakotPilouk_22-1622661479976.png

Vind meer berichten getagd met

Accepted answers

__Rich_

...and your app is definitely referencing the API the same way?

Just humour me, put this in your application page before the script element used to load the API:

<script type="text/javascript">     var dojoConfig = {         baseUrl:"http://localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo/"     }; </script>

All comments

KristianLucido

Ah, so I was correct earlier:

Please mark whichever post you think is correct as the 'answer'.

Told you it was worth investigating the 'real' cause, much more satisfying than simply pasting someone else's code, don't you agree? 🙂

Yes, of course 😄 without your help i never found the real cause of the problem.
Now i delete the declaration of the baseUrl in djConfig:

djConfig = {
    parseOnLoad:true,
    isDebug:false,
    locale: "it",
    modulePaths: { "dijits": "./dijits" }
   };

Now my web app run correctly....with API 3.1 😄

Thanks for the big help....have a good day!
:cool:

__Rich_

I identify the problem. I search baseUrl in my webapp and found this code:
   djConfig = {
    parseOnLoad:true,
    baseUrl: "./",
    isDebug:false,
    locale: "it",
    modulePaths: { "dijits": "./dijits" }
   };
I search dojo.config and not djConfig for this i don't found. I have commented the part of baseUrl and the webapp run correctly.

Thanks so much 😄
This is the correct answer 😄

Ah, so I was correct earlier:

Please show us the path you have used to the JS API and also what you've got in your dojoConfig etc.

The base URL being used to retrieve resources is incorrect, we just need to work out why.

...and exactly what have you set in your dojoConfig?

Please mark whichever post you think is correct as the 'answer'.

Told you it was worth investigating the 'real' cause, much more satisfying than simply pasting someone else's code, don't you agree? 🙂

KristianLucido

You're welcome...but it's not the complete answer. (and I was delaying posting it in the hope of finding the real cause - tricky to do remotely though!)

The 'official' method should work although I think this way's better for most people and it's much simpler to explain!

With the current value i.e.localhost, it will only work when the app is being accessed from the same machine on which the API resides so you either need to change the value "localhost" to be either the IP or the hostname used to access the website or if all the apps are on the same site as the API you could use a relative URL.

I urge you to investigate and gain a full understanding of how URLs and paths are used in Dojo and don't accept a quick answer just because it works.

Please ask if you have any further questions.

(something is not right with the way that the baseUrl is being calculated in your apps, you really should find out why)

I identify the problem. I search baseUrl in my webapp and found this code:
   djConfig = {
    parseOnLoad:true,
    baseUrl: "./",
    isDebug:false,
    locale: "it",
    modulePaths: { "dijits": "./dijits" }
   };
I search dojo.config and not djConfig for this i don't found. I have commented the part of baseUrl and the webapp run correctly.

Thanks so much 😄
This is the correct answer 😄

__Rich_

You're welcome...but it's not the complete answer. (and I was delaying posting it in the hope of finding the real cause - tricky to do remotely though!)

The 'official' method should work although I think this way's better for most people and it's much simpler to explain!

With the current value i.e.localhost, it will only work when the app is being accessed from the same machine on which the API resides so you either need to change the value "localhost" to be either the IP or the hostname used to access the website or if all the apps are on the same site as the API you could use a relative URL.

I urge you to investigate and gain a full understanding of how URLs and paths are used in Dojo and don't accept a quick answer just because it works.

Please ask if you have any further questions.

(something is not right with the way that the baseUrl is being calculated in your apps, you really should find out why)

KristianLucido

...and your app is definitely referencing the API the same way?

Just humour me, put this in your application page before the script element used to load the API:
<script type="text/javascript">
    var dojoConfig = {
        baseUrl:"http://localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo/"
    };
</script>

Thankssssssss. I resolve my problem with this code 😄
Thanks so much for the help!! Now my web app work correctly.

But why in Api < 3.0 this code is not necessary? And in the documentation isn't specified!
In the localapitest.htm there isn't this code but work good! I don't understand.....but i'm happy 😉

__Rich_

...and your app is definitely referencing the API the same way?

Just humour me, put this in your application page before the script element used to load the API:

<script type="text/javascript">     var dojoConfig = {         baseUrl:"http://localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo/"     }; </script>

KristianLucido

Thanks so much for the help 😉

Sorry but i can't post my file. Is a big web app and i work for important project and i can't post my file.

I follow the instruction for put the correct url. Subscribe [HOSTNAME_AND_PATH_TO_JSAPI] with the url. But the problem isn't the configuration in Api file because the example work good!
I don't understand

I'm going crazy :mad:

__Rich_

and in the configuration i put this url:

localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo
or
192.168.13.56/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo

Where exactly did you put this?

__Rich_

They are the same file, in the one I attached I had hard-coded the paths to the API based on your previous responses to make sure I understood the location of your API installation.

Can you post one of your files that doesn't work?

KristianLucido

Save the attached file (localapitest.htm) to the root of your site, in your case that appears to be C:\xampp\htdocs\

The click this link:

http://localhost/localapitest.htm

(it's just the sample file from the API zip)

What do you see?

(need to zip attachement to upload)

I don't have this file in my zip Api.

But i try the example in the installation guide. this is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Simple Map</title>

    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dijit/themes/tundra/tundra.css">

    <script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.1/jsapi/"></script>

    <script type="text/javascript">

      dojo.require("esri.map");

      function init() {

        var myMap = new esri.Map("mapDiv");

        //note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service.

        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer");

        myMap.addLayer(myTiledMapServiceLayer);

      }

      dojo.addOnLoad(init);

    </script>

</head>

<body class="tundra">

    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>

</body>

</html>

and see this :

[ATTACH=CONFIG]17912[/ATTACH]

I have the same result with your file localapitest.htm

esri2.jpg

TestQueryManyLayers.zip

__Rich_

Save the attached file (localapitest.htm) to the root of your site, in your case that appears to be C:\xampp\htdocs\

The click this link:

http://localhost/localapitest.htm

(it's just the sample file from the API zip)

What do you see?

(need to zip attachement to upload)

localapitest.zip

SP2.jpg

KristianLucido

Just to be sure...

those errors are very similar to mine when I call a page with api > 3.0 with the phisycal path "file:///C:/inetpub/wwwroot/test.html" instead of "localhost/test.html".

Are you calling your page in the proper way, right? In this case, are esri samples working on your webserver?

Yes is very similar...but i call my web page with the correct url:

localhost/<name of web app>
or
192.168.13.56/<name of web app>

The esri samlpes run correctly. I use the sample in the installation guide and run!

What's the configuration for dojoConfig?

This is the code for include the API

<script type="text/javascript" src="http://192.168.13.56/arcgis_js_api/library/3.1/jsapi"></script>

__Rich_

I hope we don't need to know about physical paths, only about the virtual paths provided by the web server. (otherwise Davide is probably going to be correct! 😉 )

In the <script> element where you reference the API what have you got in the src attribute?

DavideLimosani

Just to be sure...

those errors are very similar to mine when I call a page with api > 3.0 with the phisycal path "file:///C:/inetpub/wwwroot/test.html" instead of "localhost/test.html".

Are you calling your page in the proper way, right? In this case, are esri samples working on your webserver?

KristianLucido

....and where is your application (web page) relative to the API?

C:\xampp\htdocs\<name of webapp>

__Rich_

My Arcgis Api is in:

C:\xampp\htdocs\arcgis_js_api\library\3.1\jsapi

and in the configuration i put this url:

localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo
or
192.168.13.56/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo

192.168.13.56 is my local ip in my network...

....and where is your application (web page) relative to the API?

...and exactly what have you set in your dojoConfig?

KristianLucido

Please show us the path you have used to the JS API and also what you've got in your dojoConfig etc.

The base URL being used to retrieve resources is incorrect, we just need to work out why.

My Arcgis Api is in:

C:\xampp\htdocs\arcgis_js_api\library\3.1\jsapi

and in the configuration i put this url:

localhost/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo
or
192.168.13.56/arcgis_js_api/library/3.1/jsapi/js/dojo/dojo

192.168.13.56 is my local ip in my network...

__Rich_

Please show us the path you have used to the JS API and also what you've got in your dojoConfig etc.

The base URL being used to retrieve resources is incorrect, we just need to work out why.

KristianLucido

did you put your application in a webserver? It is needed from 3.0

Of course!!

DavideLimosani

did you put your application in a webserver? It is needed from 3.0

KristianLucido

Yes, paths need to be set - did you follow the installation instructions?

yes of course! i follow the instruction and put the correct parameters of my webserver in the "init.js" and "dojo.js".
I did for try the test code in the installation guide and the map run correctly but in my web app i have this error!

__Rich_

Yes, paths need to be set - did you follow the installation instructions?

Also, as you're migrating from 2.7 to 3.1 it's probably worth reading http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/migration_30.htm

KristianLucido

What does that screenshot tell you?

The url of the request is not correct! Of course the result is the error 404 Not found!
Why the url is not correct? Can i change this url? There is a problem in my configuration? I don't understand!

__Rich_

What does that screenshot tell you?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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