djConfig.baseUrl should end in a slash, so maybe the value should be "./" maybe that is just a typo.

If you use djConfig.debugAtAllCosts = true, does that give any more information, a possible script error?

Here is an example of loading local modules with a CDN dojo. You can download the full example here:
http://jburke.dojotoolkit.org/demos/xdlocal/xdlocal.zip

If that does not help, it would be good to try a test URL to debug further. You can contact me off-list at jburke at dojotoolkit dot org.

Initially there were issues with google.load interfering with the dojo loading process. I do not think that has been resolved, and unfortunately I forgot the issue. I think that you may need to use the djConfig.afterOnLoad path to dojo if loading via google.load. You can try it, but I would not be surprised if it has an issue.

On the CSS pathing, you might be able to do something in script where you do:

The downside with this approach is that your page will initially show unstyled, then have the style pop in later.

Hi,

I had looked at xdLocal before, and as far as I can tell, I am following the same pattern.
debugAtAllCosts does not help. My local module has this form:

dojo.provide("lipik.Foundation");

dojo.require("dojo.cookie");

var lipik = {
  Foundation: {}
};

Funny thing is none of them have a problem when loading locally, and all of them do when loading XDomain. I put in a breakpoint inside the and it shows me that the following call is being made (stack is _loadUri()->(?)()->eval()):

dojo._xdResourceLoaded(function(){
2return {depends: [["provide", "lipik.Foundation"],
3["require", "dojo.cookie"],
4["require", moduleName],
5["require", "dojo.cookie"]],
6defineResource: function(){
7}, resourceName: 'lipik.Foundation', resourcePath: '/scripts/lipik/debug/Foundation.js'};});

The problem is that moduleName is not defined and it falls over. Also, is it expected that dojo.cooke should appear twice in the array?
My HTML file has a:

dojo.require("lipik.Foundation");

and Foundation.js has:

dojo.provide("lipik.Foundation");

dojo.require("dojo.cookie");

And I have just realized, there is a require(moduleName) statement in my code. It appears like so:

var lipik = {
		loadModule: function(moduleName) {
			dojo.require(moduleName);
			if (typeof(dojo.getObject(moduleName)) == 'undefined') {
				dojo.publish(lipik.ETopics.asyncLoadStart, [moduleName]);
				dojo.addOnLoad(function() {
					dojo.publish(lipik.ETopics.asyncLoadEnd, [moduleName])
				});
			}
		}
...

Is this not allowed? I was assuming it would only be evaluated when that function runs. Maybe I was wrong and dojo's loading mechanism does not execute require() calls, but does some sort of search/replace on them?

Thanks for the tip regarding CSS. Guess I could also use dojox.style api's to create style nodes dynamically.

Amit

Some comments:

1) The code you give for your module:

The var lipik is not needed since dojo.provide automatically creates the lipik and lipik.Foundation modules. And by using the var lipik, you could be shadowing the real definition of lipik.Foundation. So I suggest not doing the var lipik assignment: dojo.provide will have already created the empty objects for you.

2) For the dojo.require(moduleName) thing, write is like so:

The build system and xd loader use regexps to find dojo.require calls to load dependencies, and they are not smart enough to process variable names, so that will cause problems. There is a bug logged to allow this, but in the meantime, using the dojo["require"] syntax avoids the issue.

It works with these changes.
I am able to use google.load, with djConfig.afterOnLoad: true and djConfig.addOnLoad instead of dojo.addOnLoad. One thing I discovered, which might save other readers some time, is that google.load("dojo", "1") only load 1.1.1 by default, which does not support these mechanisms. I guess google's links have not been updated yet. It is necessary to specify google.load("dojo", "1.2") explicitly.
Now all I need to do is to write a script dynamically to pull in CSS from dojo's URL...

Thanks a lot for the help.

Hi,

I did write the function to load framework CSS. Sharing the code here, in case it might help someone else:
(Tested on FF3 & IE7 so far)

Thanks,
Amit

I ran into the same problem trying to load dojo using google.load() after the page is loaded. After digging into the compiled code at http://www.google.com/jsapi - it looks like they are actually using document.write() to write the script tags. Yikes!

Worked around it with following code. Just want to post of anyone struggling with the same..
djConfig = {
isDebug: true,
afterOnLoad: true,
parseOnLoad: true,
baseUrl: "./"
}
function loadDojo() {
//google.load("dojo","1.2.0");
var node = document.createElement("script");
node.type = "text/javascript";
node.src = google.loader.GoogleApisBase
+"/libs/dojo/1.2.0/dojo/dojo.xd.js";
document.getElementsByTagName("head")[0].appendChild(node);
}
if(window.addEventListener){
window.addEventListener("load", loadDojo, false);
}else{
window.attachEvent("onload", loadDojo);
}