General developer forum

RequireJS is only loading the AMD modules - nothing outside of an "amd" folder will be loaded.

But - if you have a javascript error earlier in the page, than the requirejs calls it could be affected.

Also - the above error does look more like you have some faulty AMD code somewhere so you should double check you haven't left any files in and "amd" folders.

You could disable "cachejs" to see the non-minified version of the JS in your browser, and you will probably get a better error message.

I still have no fix for this, just a bit more information. I apologize in advance because this is a bit of brain dump. Really I have spent way too much time on this, and I just hope this just shortcuts the trouble shooting for somebody else. If anybody has some good advice though, that would be great. 

The problem is that requirejs doesn't like it if any other JS calls an an anonymous define. 

An anonymous define looks like this. ( the bit that says "define(e)" )

if ( typeof define === "function" && define.amd ){
    // AMD support
    define(e);
  }

In fact most of the time you see a bit of code like this, its designed to be used with requirejs or another amd loader. Don't get confused already, the idea is that requirejs (or the loader) will manage all that anonymous stuff for you and avoid conflicts with similarly named things in javascript.  As long as you load it with requirejs. 

So thats why requirejs is not loading my javascript, and yet its error'ing like crazy on me. Because LiterallyCanvas has the anonymous define thing you see above. So to get around this, I need to load up LiterallyCanvas with requirejs. 

To load it all used to look like this:

$PAGE->requires->js("/filter/poodll/js/literallycanvas.js/js/react-0.10.0.js");
$PAGE->requires->js("/filter/poodll/js/literallycanvas.js/js/fastclick.js");
$PAGE->requires->js("/filter/poodll/js/literallycanvas.js/js/ie_customevent.js");
$PAGE->requires->js("/filter/poodll/js/literallycanvas.js/js/literallycanvas.min.js");

I tried to load it all the AMD way via the info on the javascript modules page and actually it just ignored it all. So I think I was not even close. I added an amd folder and a src folder, and inside it put the literallycanvas.js folder. That looks a bit like this:

/literallycanvas.js/image/picture.jpg
/literallycanvas.js/css/style.css
/literallycanvas.js/js/literallycanvas.js
/literallycanvas.js/js/literallycanvas.min.js
/literallycanvas.js/js/react.js (dependency)
/literallycanvas.js/js/fastclick.js (dependency)

(And it requires jquery.)

Then I tried various combinations of this:

$PAGE->requires->js_amd_inline('require(["jquery","filter_poodll/literallycanvas.js/js/literallycanvas"],null);');

And this:

$PAGE->requires->js_call_amd("filter_poodll/literallycanvas.js/js/literallycanvas",'init',array());

But I don't think these were even called. And I don't know what to do about all the dependencies really. I am sure it wouldn't work as I have done it there, but I think we did not even get there.

 And there is no init function that I want to call from here, so though I used js_call_amd , I really wish there was a  "js_load_amd." I still do all the init'ing in YUI for the entire plugin. The YUI module has a lot of logic in it that sets everything up. So I just want the literallycanvas loaded really. 

Before all of this there is another error, that I think is compounding all that I am doing it. It looks like this:

I tried to chase this error down the rabbit hole, but got nowhere.

I did look to see what other plugins were doing with AMD but discovered that its basically not being used at all in core, and as far as I could see in plugin land only by the two theme warriors Mary Evans and Gareth Barnard. But they don't seem to be loading 3rd party libraries. So I don't have a good reference to look at . 

This has been a bad time sink. So, I am just going to turn off literally canvas for PoodLL for now. But I noticed similar issues on jquery plugins loaded from VideoEasy and Generico, so I really need a bit of a solution for this.