Create-react-app: Find a way to preserve line numbers in error messages / stack traces

[andreypopp]

Seeing incorrect line numbers in stack traces breaks workflow too much.

We could try to either use line preserving code transformations (does Babel support that?) or enable more advanced Webpack's devtool (cheap-module-eval-source-map).

[ForbesLindesay]

I strongly believe that source maps is better than no source maps even in the current state. We should definitely file issues with upstream projects, but in the short term I'm not aware of any development teams that intentionally disable source maps in development.

[gaearon]

I'm open to enabling them but not without somebody compiling a list of issues that need to be addressed in other projects for them to work seamlessly.

[ForbesLindesay]

Isn't it just the need for a variable name map? i.e. currently dev-tools requires you to see the name of the variables after compilation rather than the name they had in the source code. 95% of the time those are the same thing anyway (unless you add a minifier), but it is still worth pushing to get fixed.

[andreypopp]

95% of the time those are the same thing anyway (unless you add a minified)

I think imported names are mangled and this is not 5%.

[gaearon]

Isn't it just the need for a variable name map?

Yeah, maybe. At least if cheap-module-source-map truly works well with breakpoints unlike some of its friends (IIRC, cheap-module-eval-source-map) that complete confuse debugger in Chrome.

Another thing to watch out for is hot reloading support. We don’t have it right now but I’d like to see us be ready to it in the future. I know sourcemap support for it was fixed for eval but not sure if they get updated for cheap-module-source-map, for example, and whether we need to file more Chrome bugs.

95% of the time those are the same thing anyway

I’m not sure this was my experience with destructuring (or some other common ES features) but worth double checking. Imports are confusing too, I wish there was a way around that while preserving ES modules semantics.

[mpj]

Not having source maps is definitely problematic. Chrome chrashes on my Macbook Pro if I try to do searches and add breakpoints in bundle.js.

[mpj]

... and when it actually works, it's unintelligible garble due to the eval thingee.

[gaearon]

@mpj

Can you put breakpoints in the modules instead?

[mpj]

@gaearon I don't understand. In my installation ("react-scripts": "0.6.1"), everything is just one big bundle.js.

[mpj]

@gaearon oh, I get what you mean now, I have to expand into the webpack:// thingee. That works!

[sodik82]

does/will this issue cover also line numbers in test/jest stack traces?

[gaearon]

We have sourcemaps now so probably not relevant anymore.