topic Re: Dojo Loader error in ArcGIS JavaScript Maps SDK Questions

Dojo Loader error

NigelAlford — Fri, 11 Jan 2013 19:09:32 GMT

I'm getting a Dojo Loader error on the ArcGIS js sheet and I can't determine if its myside or ESRI's side causing it. I'm calling ESRI and Jquery in the same HTML page (ESRI/Dojo in the header along with its designated js sheet, seperated to help with any weirdness...) and the Jquery is loaded at the end of the body with its own JS sheet. I'm using Jquery for other functionality pieces and not any map usage.
Everything has been running flawlessly for a few weeks until about 2 hours ago my map won't load and I'm getting this error:

Error {src: "dojoLoader", info: Array[2]}

and this:

GET http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/jquery.js 404 (Not Found)

that sheet doesn't exist in 3.3 or 3.2 and I'm not calling that link anywhere in my code

Re: Dojo Loader error

JeffJacobson — Fri, 11 Jan 2013 19:51:39 GMT

Based on the error message it looks like you are trying to load "jquery" as a module. As far as I know there is no "jquery" module built in to the ArcGIS JavaScript API.

Re: Dojo Loader error

JacksonGilman1 — Sat, 11 Dec 2021 20:40:54 GMT

Check your dojoConfig...

var dojoConfig = {
  // ... your stuff
  packages: [
    {'jquery': 'path/to/your/jquery.js'}
  ]
}

Although...that is odd that everything broke suddenly as you say. You don't have anything like this in there do you:

require(['jquery', 'esri/map'], function($, map) {
 // code... 
});

Good luck!

Re: Dojo Loader error

NigelAlford — Sat, 11 Dec 2021 20:40:57 GMT

@rivercityGIS

Here's my requires:

dojo.require("esri.map");
dojo.require("esri.toolbars.navigation");
dojo.require("esri.virtualearth.VETiledLayer");
dojo.require("dijit.form.Button");
dojo.require("dijit.Toolbar");
dojo.require("esri.layers.WebTiledLayer");

I'm combing through my code now, I'm thinking something is mixed somewhere thanks for your suggestion I'm calling a web tilled layer:

new esri.layers.WebTiledLayer("http://${subDomain}.tile2.opencyclemap.org/transport/${level}/${col}/${row}.png", {
        id: "ocmTransport",
        subDomains: ["a", "b", "c"],
        copyright: '© OpenStreetMap contributors'
    });

I'm going to remove it and determine if the '$' is throwing ESRI off

Re: Dojo Loader error

NigelAlford — Mon, 14 Jan 2013 11:48:29 GMT

* the Tiled Layer didn't effect anything but my first error message line message is: "multipleDefine"

Error {src: "dojoLoader", info: Object}

url: "http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/nls/jsapi_en-us.js"

I'm still digging through the error message, but this may jog something for someone...I'm clearly defining something twice I need to determine what it is

Re: Dojo Loader error

MatthewLawton — Tue, 19 Mar 2013 22:33:36 GMT

I get this error when trying to load jQuery Mobile. I tried it with Mobile 1.2.0 and jQuery 1.8.3 and also with Mobile 1.3.0 and jQuery 1.9.1, same result. If I comment out the jQuery Mobile reference then the page loads, but of course then I can't use all the cool jQuery Mobile functionality.

Re: Dojo Loader error

MatthewLawton — Sat, 11 Dec 2021 20:40:59 GMT

Changing over to the AMD reference style seemed to work for me, but only if I use my local server copy of JS API 3.2. Here is how I am declaring my modules now:

Old way:

dojo.require("esri.map");
dojo.require("esri.tasks.query");
dojo.require("esri.tasks.identify");
dojo.addOnLoad(Init);

New way:

require(["esri/map", "esri/tasks/query", "esri/tasks/identify"], Init());

I'm now running ArcGIS JS API 3.2, jQuery 1.9.1, and jQuery Mobile 1.3.0. The odd thing is that it will not work if I reference the 3.2 or 3.3 API on the Esri servers. It only works if I point to my local version.

Re: Dojo Loader error

MatthewLawton — Thu, 21 Mar 2013 17:39:20 GMT

Nevermind, I had another error that was stepping on this one. So the AMD style apparently had no effect. I still have this error.

Re: Dojo Loader error

SethCrotchett — Tue, 16 Apr 2013 17:47:56 GMT

im having this same issue. Any solution yet?

Re: Dojo Loader error

SteveCole — Tue, 16 Apr 2013 18:54:36 GMT

Have you verified your JS code through JSLint or something similar to make sure there aren't any other syntax issues? I was migrating a v2.8 app to 3.3 that loads Jquery 1.8.2 and I was getting an error like you described and it was driving me crazy. Turns out I had some other sort of JS syntax error that manifested itself as this jquery error inside the javascript API.

Good luck!
Steve

Re: Dojo Loader error

DennisHunink — Tue, 17 Dec 2013 18:10:16 GMT

Have you've been able to fix this issue?

Re: Dojo Loader error

JonathanUihlein — Wed, 18 Dec 2013 15:13:08 GMT

Have you've been able to fix this issue?

What issue are you having dhunink?

This is quite an old post and several versions of the JSAPI have come out since.

Re: Dojo Loader error

DennisHunink — Wed, 18 Dec 2013 18:52:59 GMT

Hi Jon,

thanks for your reply.
I'm experiencing the same problem as the topic starter did; my web-app gives an error and is looking for a non-existing jquery file in the ArcGis Javascript API.

I figured out what triggered it. The web app is on a wordpress installation. One worpdress plugin, Contact Form 7, is loading some custom jQuery files. If this plugin is enabled, the error occurs. If the plugin is disabled, the error doesn't occur.

To illustrate:
Working (plugin disabled): http://topografieindeklas.nl/topotrainer/provincies/
Error (plugin enabled): http://tpgrf.nl/testserver/alpha/topotrainer/provincies/

I believe the main question here is: what makes the ArcGIS API or DoJo looking for a jQuery file?

Re: Dojo Loader error

JonathanUihlein — Wed, 18 Dec 2013 20:11:40 GMT

I think it probably has to do with either your dojoConfig object, or the inclusion order of your script files.

Try loading all of your scripts in the <head>, rather than some in the <body> as you have now.

Also, make sure your dojoConfig object is properly set (especially since you are using the legacy style of dojo, rather than the preferred AMD style).

Lastly, check this page from stackoverflow for more details:
http://stackoverflow.com/questions/2850314/jquery-dojo-how-do-i-use-jquery-with-dojo-toolkit

Re: Dojo Loader error

KubaSzostak1 — Sun, 15 Mar 2015 19:12:18 GMT

I got the same error and map was not loaded.

For me switching to dojo debug mode make my app working.

<script>
var dojoConfig = { isDebug: true };
</script>
<link rel="stylesheet" href="https://community.esri.com//js.arcgis.com/3.13/esri/css/esri.css">
<script src="http://js.arcgis.com/3.13/"></script>

dojoLoader error still exists but my map is loaded.

Maby this heps somebody.

Good loock!

Kuba

Re: Dojo Loader error

KubaSzostak1 — Sun, 15 Mar 2015 19:18:51 GMT

For esri folks: sample on esri website causes the same multipleDefine problem:

http://developers.arcgis.com/javascript/samples/framework_jquery/

Re: Dojo Loader error

KubaSzostak1 — Wed, 18 Mar 2015 21:54:33 GMT

I give up! Tell me what's wrong with this code:

<!DOCTYPE html>
<html>
<head>
<title>Create a Map</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
<style>
    html, body, #mapDiv {   padding: 0;   margin: 0;   height: 100%;   }
</style>
<script src="http://js.arcgis.com/3.13/"></script>
<script>
    var map;
    //require(["esri/map", "dojo/domReady!"], function(Map) {
    // map = new Map("mapDiv", {
    //    center: [-56.049, 38.485],
    //    zoom: 3,
    //    basemap: "streets"
    // });
    //});
</script>
<script>
define([ "require",   "exports",
"dojo/ready",   "dojo/on", "dojo/dom-construct",
"esri/config", "esri/map", "esri/graphic",   "esri/symbols/PictureMarkerSymbol",
"esri/layers/WMSLayer",   "esri/geometry/Extent",   "esri/geometry/Point",
"esri/geometry/webMercatorUtils",   "esri/InfoTemplate",   "esri/dijit/InfoWindowLite"],

    function () {
      console.log("dojo initialized.");
    });
</script>
</head>
<body class="claro">
<div id="mapDiv"></div>
</body>
</html>

There is nothing but loading scripts and this code produces such output:

#$%&^

Re: Dojo Loader error

KellyHutchins — Sat, 11 Dec 2021 20:41:02 GMT

Kuba Szostak in your example if you switch to require instead of define it works. Define is for defining a new module. In the example you provided require, which loads existing modules, will work.

If you want to define a new module take a look at the Write a class help topic which shows how to create the module and load it into your app.

Revised version of your code:

<!DOCTYPE html>
<html>
<head>
  <title>Create a Map</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/claro.css">
  <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
  <style>
    html, body, #mapDiv {   padding: 0;   margin: 0;   height: 100%;   }
  </style>


  <script src="http://js.arcgis.com/3.13/"></script>
  <script>
    var map;
    //require(["esri/map", "dojo/domReady!"], function(Map) {
    //  map = new Map("mapDiv", {
    //    center: [-56.049, 38.485],
    //    zoom: 3,
    //    basemap: "streets"
    //  });
    //});
  </script>

  <script>
  require([
  "dojo/ready",   "dojo/on",  "dojo/dom-construct",
  "esri/config",  "esri/map",  "esri/graphic",   "esri/symbols/PictureMarkerSymbol",
  "esri/layers/WMSLayer",   "esri/geometry/Extent",   "esri/geometry/Point",
  "esri/geometry/webMercatorUtils",   "esri/InfoTemplate",   "esri/dijit/InfoWindowLite"],

    function () {
      console.log("dojo initialized.");
    });
  </script>


</head>
<body class="claro">
  <div id="mapDiv"></div>
</body>
</html>

Re: Dojo Loader error

KubaSzostak1 — Thu, 19 Mar 2015 20:25:16 GMT

Kelly you are my personal hero!

AMD style programming is new for me so I missed difference between define() and require(). They describing both as quite the same with one difference that define() should return value. But thanks to you Kelly now I know that define() is 'lazy' declaration and when you execute define() function nothing will happen. In order to load/run code require() is needed.

I'm writing my code in TypeScript using ArcGIS JavaScript API, jQuery and jQueryMobile (because of their Sidebar Panel). When I switched to AMD style coding and move my JS script to require() method all of console errors are gone! There is my code:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script src="js-mapviewer/mapviewer-init.js"></script>

<link rel="stylesheet" href="https://community.esri.com//js.arcgis.com/3.13/esri/css/esri.css">
<script src="http://js.arcgis.com/3.13/"></script>

<script>
require(["js-mapviewer/mapviewer-app.js"], function (mapViewer) {
console.log("MapViewer application loaded.");
});
</script>

Thank you Kelly!

Kuba