Error on javascript browser console.

[am]

When I run the app I get a error on console, apparently related to require.

Uncaught Error: Mismatched anonymous define() module: function () { return io; } http://requirejs.org/docs/errors.html#mismatch require.js:8

After this the main.js code don't get ejecuted and the app is not initializated.

For all I can see at the moment seams related to this requirejs error.

[am]

Sorry but it's not yet solved with the last commit. The issue remains and it happens randomly when refreshing the page. Give you 3 different outputs I get from console, running localhost:

1. no error:

   Charts initialized! charts.js:3
   App is initialized 
   

2. output 1:

   Charts initialized! charts.js:3
   Uncaught TypeError: Object #<Object> has no method 'init' 
   

3. output 2:

   Uncaught Error: Mismatched anonymous define() module: function () { return io; }
   http://requirejs.org/docs/errors.html#mismatch require.js:8
   Charts initialized! 
   

4. output 3:

   Charts initialized! charts.js:3
   Uncaught TypeError: Object #<Object> has no method 'init' 
   

Can this be related to the order the scripts are being loaded? I feel a bit lost in here, since this is the first time I work with grunt...

[sergeylukin]

We discussed this issue once in issue tracker of docpad livereload plugin, please find it and see if there is a working solution. I'll check this later as well.

Sent from my BlackBerry® smartphone from orange

-----Original Message-----
From: antonio miranda notifications@github.com
Date: Fri, 05 Jul 2013 02:46:33
To: sergeylukin/emmet.docpademmet.docpad@noreply.github.com
Reply-To: "sergeylukin/emmet.docpad" reply@reply.github.com
Cc: Sergey Lukincontact@sergeylukin.com
Subject: Re: [emmet.docpad] Error on javascript browser console. (#3)

Sorry but it's not yet solved with the last commit. The issue remains and it happens randomly, when refreshing the page. Give you 3 different outputs I get from console, running localhost:

1. no error:

   Charts initialized! charts.js:3
   App is initialized 
   

2. output 1:

   Charts initialized! charts.js:3
   Uncaught TypeError: Object #<Object> has no method 'init' 
   

3. output 2:

   Uncaught Error: Mismatched anonymous define() module: function () { return io; }
   http://requirejs.org/docs/errors.html#mismatch require.js:8
   Charts initialized! 
   

4. output 3:

   Charts initialized! charts.js:3
   Uncaught TypeError: Object #<Object> has no method 'init' 
   

Can this be related to the order the scripts are being loaded? I feel a bit lost in here, since this is the first time I work with grunt...

---

Reply to this email directly or view it on GitHub:
#3 (comment)

[am]

Hi @sergeylukin I was looking into that as well =) I think it works just to load the socket.io into the template. I've added the script tag inside a build block, this way it is override when compiling the production. I'll make a new pull request, take a look into that, as I'm not sure if it breaks anything. At least the error in console is gone ;)

Thank you.

[sergeylukin]

Production doesn't need it and it doesn't get there which is OK. However in development environment, just loading socket.io before requirejs only works in most cases but not always.. Also, you don't have to explicitly insert script tag, it's enough to just move != getBlock('scripts').toHTML() block around.
I'm working on implementing solution proposed by @digitaldesigndj in docpad/docpad-plugin-livereload#5

Btw @balupton is working on replacing socket.io solution docpad/docpad-plugin-livereload#6 so I don't think we should waste too much time on this issue for now

[sergeylukin]

On my end works great so far, thanks @digitaldesigndj !!
Please reopen if problem not solved on your end.

[sergeylukin]

Oh, and yes, if you're testing on existing project, please run following after merging in commit 73d04c4

npm install docpad-plugin-livereload --force

[sergeylukin]

Patched live-reload module name resolution. Should be good now.