topic Re: Custom module not loading in ArcGIS JavaScript Maps SDK Questions

Custom module not loading

PeteVitt — Fri, 09 Aug 2013 15:26:41 GMT

Hi - I'm trying to use a custom module with the esri javascript library and an object expected error gets thrown on the require function: It works just fine when I use "http://ajax.googleapis.com/ajax/libs/dojo/1.8.5/dojo/dojo.js" instead of js.arcgis.com/3.6/. Any ideas what I'm doing wrong?

Thanks

<script
data-dojo-config="
        async: true,
       packages: [ {
            name: 'custom',
            location: location.pathname.replace(/\/[^/]+$/, '') + '/Scripts/custom'
        } ]"
        src="js.arcgis.com/3.6/">
</script>
</head>
<body class="claro">
    <div id="grid"></div>
    <script>

        require(["custom/ModTest"], function (ModTest) {
            ModTest.increment();
            var test = ModTest.getValue();
        });

    </script>
</body>

Re: Custom module not loading

JeffJacobson — Fri, 09 Aug 2013 21:20:32 GMT

One problem I see is that you're missing the protocol before "js.arcgis.com/3.6/". You should use "//js.arcgis.com/3.6/" (You do not need to include http: or https: before the //, though.)

Here's some code I used recently which specifies a path in the dojoConfig variable instead of packages.

[HTML]<script>
    (function () {
        "use strict";
        var url, re = /\/[^\/]+$/;

        // Get the URL of this page without the query string.
        url = location.href.match(/^[^?]+/)[0];

        // Remove the document filename if present.
        if (re.test(url)) {
            url = url.replace(re, "/");
        }

        var dojoConfig = {
            async: true,
            paths: {
                "mymodules": url + "Scripts/mymodules"
            }
        };

        window.dojoConfig = dojoConfig;
    }());
</script>
<script src="//js.arcgis.com/3.6compact/"></script>[/HTML]

Re: Custom module not loading

derekswingley1 — Fri, 09 Aug 2013 22:23:04 GMT

Using paths or packages is work-able. Do you see a request being made to Scripts/custom/ModTest.js?

Re: Custom module not loading

PeteVitt — Thu, 15 Aug 2013 21:07:52 GMT

Using paths or packages is work-able. Do you see a request being made to Scripts/custom/ModTest.js?

No, its throwing the error in //js.arcgis.com/3.6/ -- 'Object doesnt support this property or method' -- not making it to the custom module.

Thanks

Pete

Re: Custom module not loading

JasonZou — Thu, 15 Aug 2013 22:00:00 GMT

Use Chrome to load your page, and open Developer Tools (Ctrl-SHIFT-i), in which click Network. Then refresh your page and check the url of the request to your custom module. More than likely, the url is incorrect. Correct it if possible.

Re: Custom module not loading

PeteVitt — Thu, 15 Aug 2013 22:43:09 GMT

Use Chrome to load your page, and open Developer Tools (Ctrl-SHIFT-i), in which click Network. Then refresh your page and check the url of the request to your custom module. More than likely, the url is incorrect. Correct it if possible.

the custom module fires when I swap out the dojo in the esri script: //js.arcgis.com/3.6/
with
dojo located at google: http://ajax.googleapis.com/ajax/libs/dojo/1.8.5/dojo/dojo.js

Re: Custom module not loading

JasonZou — Fri, 16 Aug 2013 13:24:44 GMT

I am trying to narrow down the issue whether your custom module can be located or something needs to be changed with your custom module due to the change of dojo source. JS API v3.6 is using dojo 1.8.3. Unless you have used some new dojo features that are available in dojo 1.8.5, but not 1.8.3, otherwise I would be surprised it is the code issue if works for dojo 1.8.5.

I would check the module url using Developer Tools making sure it is correct. If so, I would make some breakpoints inside the entry function of the module when it's loaded, and see which step fails.

Re: Custom module not loading

PeteVitt — Mon, 19 Aug 2013 14:51:54 GMT

I am trying to narrow down the issue whether your custom module can be located or something needs to be changed with your custom module due to the change of dojo source. JS API v3.6 is using dojo 1.8.3. Unless you have used some new dojo features that are available in dojo 1.8.5, but not 1.8.3, otherwise I would be surprised it is the code issue if works for dojo 1.8.5.

I would check the module url using Developer Tools making sure it is correct. If so, I would make some breakpoints inside the entry function of the module when it's loaded, and see which step fails.

Thanks - I've tried:

switching to src="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"> --> still works

I've set a break point when the module function gets called -- when the google api is used the module function gets called. When the esri api is used the module function doesnt get called. Somehow the way I'm specifying the custom module isnt working for the esri api. The module is just a simple test function that returns a number. I'll keep searching for other examples.

Thanks for your help

Pete

Re: Custom module not loading

PeteVitt — Mon, 19 Aug 2013 15:29:19 GMT

I got it to work -- I followed the method in an esri sample for specifying the module:

<script>var dojoConfig = {
        parseOnLoad:true,
        packages: [{
          "name": "custom",
          "location": location.pathname.replace(/\/[^/]+$/, "") + "/Scripts/custom"
        }]
      };
    </script>
    <script src="http://js.arcgis.com/3.6/"></script>

vs what I had before

<script
data-dojo-config="
        async: true,
       packages: [ {
            name: 'custom',
            location: location.pathname.replace(/\/[^/]+$/, '') + '/Scripts/custom'
        } ]"
        src="http://js.arcgis.com/3.6/>
</script>