coffeescript sourcemap not loading in chrome

Question

I am able to compile coffee file to .map file in the same directory as the .coffee/.js file when I call

coffee --nodejs --debug-brk app.coffee

and start the node-inspector. The js version of the app file gets loaded in chrome. what am i missing??

this is what chrome is showing for three.coffee file ..

(function (exports, require, module, __filename, __dirname) { // Generated by CoffeeScript 1.6.2
(function() {
  app.get('/three', function(req, res) {
    debugger;    return res.send('three/teedde');
  });

}).call(this);

/*
//@ sourceMappingURL=three.map
*/

});

thanks

yes. I switched on the enable source map..infact I went and deleted the app.js but still it shows app.coffee but it has .js code in it. — coool
– coool, Commented Apr 4, 2013 at 1:47

laktak · Accepted Answer · 2013-11-08 22:57:35Z

2

You are you asking about node-inspector since you say you are starting it? Your question appears as if you are asking about the Chrome dev tools. Please clarify.

~~The current version of node-inspector in npm (0.2.0beta4) does not support source maps.~~

Even though the issue has been closed, I have been unable to find anything on github that would enable this feature (e.g. see https://github.com/dannycoates/node-inspector/blob/update-ui/lib/session2.js#L123-L131, there is no sourceMapURL parameter for the scriptParsed event).

node-inspector was taken over by a new developer and according to a comment (by Vitaliy Lebedev) the latest version does support source maps.

If you are asking about the Chrome dev tools - they support source maps.

try "//@ sourceMappingURL=three.map" on the last line in your js file.

Also make sure that your express app is actually serving the .map and .coffee files required by the debugger (check by entering the url+filename in your browser).

edited Nov 8, 2013 at 22:57

answered Apr 9, 2013 at 6:38

laktak

60.6k17 gold badges140 silver badges168 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

coool Over a year ago

I know chrome supports source maps and I am able to do that for coffee script on a webpage. I am talking about the nodejs/express app written in cofffeescript and debugging it. I am pretty sure I am missing something because now that coffeescript is generating source maps ..chrome should be able to pick it as it doing on a web page.

laktak Over a year ago

Are you serving map and coffee files? See my last comment.

coool Over a year ago

what do you mean by serving. chrome picks up the js files by itself..so it should pickup the coffee file as well..

laktak Over a year ago

You are confusing node-inspector with the Chrome dev tools. They may look similar but node-inspector does not yet support maps - see the first part in my answer.

Vitalii Lebediev Over a year ago

And now node-inspector supports source maps! github.com/node-inspector/node-inspector/issues/…

|

coool · Accepted Answer · 2014-05-07 17:44:59Z

2

And now node-inspector supports source maps! github.com/node-inspector/node-inspector/issues/… – Vitaliy Lebedev Nov 8 '13 at 12:46

answered May 7, 2014 at 17:44

coool

8,37712 gold badges63 silver badges85 bronze badges

Collectives™ on Stack Overflow

coffeescript sourcemap not loading in chrome

2 Answers 2

10 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related