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

Dojo Loader error

NigelAlford

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

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

JeffJacobson

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.

JacksonGilman1

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!

NigelAlford

@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

NigelAlford

* 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

MatthewLawton

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.

MatthewLawton

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.

MatthewLawton

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

SethCrotchett

im having this same issue. Any solution yet?

evtguy

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

DennisHunink

Have you've been able to fix this issue?

JonathanUihlein

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.

DennisHunink

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?

JonathanUihlein

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

KubaSzostak1

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

KubaSzostak1

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

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

KubaSzostak1

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:

#$%&^

khutchins

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>

KubaSzostak1

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

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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