How do I debug transpiled javascript code?

Question

I am using Pycharm to build an app in ReactJS and webpack-dev-server to serve the content. I see an error in my browser console and in order to debug, when I click on sources, I can only see the <javascript_file>.min.js and not my actual source code files. How do I go about debugging here?

What are you using to transpile your JS?

KA01
– KA01

2017-06-15 01:59:36 +00:00
Commented Jun 15, 2017 at 1:59 — KA01
– KA01, Commented Jun 15, 2017 at 1:59
I'm using webpack

koolkat
– koolkat

2017-06-15 19:05:53 +00:00
Commented Jun 15, 2017 at 19:05 — koolkat
– koolkat, Commented Jun 15, 2017 at 19:05

Mμ. · Accepted Answer · 2017-06-15 04:40:20Z

2

If you enable sourcemaps in your webpack settings, you'd be able to see the specific file when you are debugging.

answered Jun 15, 2017 at 4:40

Mμ.

8,5723 gold badges28 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

How do I debug transpiled javascript code?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related