Source Mapping in Coffeescript - errors not mapped to source

Question

I just became aware of source mapping - a long awaited feature. I am impressed so many people got together to make it happen for coffee-script (browsers, kickstart project etc...)

I set up a little test, so I could understand how to use it...

Coffeescript

N.B. there is a deliberate mistake here, as y is not defined

console.log 123

sq = (x)->
  x * x

console.log "thats how easy: "+sq y

Source Map

{
  "version": 3,
  "file": "test.js",
  "sourceRoot": "",
  "sources": [
    "test.coffee"
  ],
  "names": [],
  "mappings": ";AAAA;CAAA,CAAA,IAAA;CAAA;CAAA,CAAA,CAAA,IAAO;;CAAP,CAEA,CAAK,MAAC;CACJ,EAAI,QAAJ;CAHF,EAEK;;CAFL,CAKA,CAAA,IAAO,WAAK;CALZ"
}

Javascript

// Generated by CoffeeScript 1.6.1
(function() {
  var sq;

  console.log(123);

  sq = function(x) {
    return x * x;
  };

  console.log("thats how easy: " + sq(y));

}).call(this);
//@ sourceMappingURL=test.map

Jade

html
  head
    script(src="test.js")
  body
    h1 Test Page

This all seems to be working, because the coffee-script source is displayed, and I can even set breakpoints (but the graphic seems not to show, and it seems a little erratic in where the breakpoints are set in the javascript).

The problem I am having is that when there is an error, the console reports the line number of the javascript file. How can I find out the line of the coffee-script source file that causes the error?

I am using Google Chrome Version 23.0.1271.101 on OSX 10.8.2

js error cs no error

Do you use a webserver to serve the files? Is it possible that the webserver could not catch a) the map file b) the original file? — TheHippo
– TheHippo, Commented Apr 27, 2013 at 20:25
The file, and map are both being loaded. I can set breakpoints in the map even, it just does not show me where the errors occur. — Billy Moon
– Billy Moon, Commented Apr 28, 2013 at 2:47
I've found discrepancies between source maps, map consumers and stacktrace line and column numbers. Some are zero indexed, others one. — Carl Younger
– Carl Younger, Commented Jun 26, 2014 at 14:45
I have the same issue, using Browserify with only JS files, and I notice it goes away when loading the file directly...I'm only experiencing the issue when files are on my localhost server, now, how to fix it... — M J
– M J, Commented Dec 19, 2014 at 18:28

Community · Accepted Answer · 2017-05-23 10:24:12Z

3

I actually just answered my own question very similar to yours. You can take a look here.

The solution I am using is to concat/compile all my coffeescript with browserify,using coffeeify as a transform option. When debug is set to true in browserify, all your line numbers should map back to the correct line in your original coffeescript source.

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Apr 26, 2013 at 1:00

nicksweet

3,9991 gold badge22 silver badges22 bronze badges

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

1 Comment

M J Over a year ago

I'm using browserify just with JS files, and find the same issue, errors in console don't map to individual files. I think there is another issue at play here...

Community · Accepted Answer · 2014-12-19 21:17:11Z

0

I found that the problem only occurs on the initial opening of the Chrome console.

If you refresh the browser while the console is open, the console will update with links to the source-mapped files.

Also, if you open the console first and then navigate to the page, the console will update with links to the source mapped files.

This is an issue associated with Chrome opening the console for the first time.

edited Dec 19, 2014 at 21:17

CommunityBot

11 silver badge

answered Dec 19, 2014 at 19:14

M J

4,3673 gold badges37 silver badges46 bronze badges

Collectives™ on Stack Overflow

Source Mapping in Coffeescript - errors not mapped to source

Coffeescript

Source Map

Javascript

Jade

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Coffeescript

Source Map

Javascript

Jade

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related