rfx-stack icon indicating copy to clipboard operation
rfx-stack copied to clipboard

Improve debugging in development mode?

Open samkuhn opened this issue 7 years ago • 3 comments

RFX Stack is great, thanks for taking the time to work on it and share.

My main issue right now is obscure debugging in development mode - when jumping to error line numbers in Chrome from the console I'm usually confronted with things like this:

eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar 

Making it quite difficult to see where any errors are occurring. Perhaps due to source map settings in WebPack? I'm not very familiar with the build system of RFX stack (yet).

Is that something I'm doing wrong - or is anyone else having this issue?

samkuhn avatar Dec 05 '16 13:12 samkuhn

When you click on the filename from the console it jumps to the babel transpiled code, I don't know if it's the expected behavior.

foxhound87 avatar Dec 05 '16 23:12 foxhound87

The issue can be related to this? https://github.com/webpack/webpack/issues/2145

foxhound87 avatar Dec 06 '16 01:12 foxhound87

It seems related to the react-hot-loader too.

foxhound87 avatar Dec 06 '16 18:12 foxhound87