Trouble debugging React source map files compiled with webpack

user_1308734 0
Viewed 612

EDIT: Source Map works in Firefox, but not in Chrome or Edge.

When I'm debugging warnings/errors, I click on the TSX file and it pulls up an obfuscated version of the .ts/tsx file. The following screenshots will help clarify my issue...

When I get a React error like this enter image description here

I click on the /components/AddObject/index.tsx link and it opens the file in the console, but it looks like this

enter image description here

Here's what my webpack config looks like (using devTool: 'eval-source-map')

enter image description here

Any thoughts as to why my source-map file is behaving this way?

source-maps webpack reactjs node.js javascript
0 Answers
Related