Bug 213090 - Web Inspector: JSX resources appear thrice in Sources
Summary: Web Inspector: JSX resources appear thrice in Sources
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-06-11 12:54 PDT by Nikita Vasilyev
Modified: 2021-03-31 11:33 PDT (History)
2 users (show)

See Also:

Attachments
[Video] Bug (1.88 MB, video/quicktime)
2020-06-11 12:56 PDT, Nikita Vasilyev 		no flags Details
[Image] Works as expected in Firefox DevTools (172.41 KB, image/png)
2020-06-11 13:02 PDT, Nikita Vasilyev 		no flags Details
[Image] Bug (129.76 KB, image/png)
2021-03-31 11:33 PDT, Nikita Vasilyev 		no flags Details
Show Obsolete (1) View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Nikita Vasilyev 2020-06-11 12:54:20 PDT 
http://nv.github.io/webkit-inspector-bugs/babel/index.html

Each JSX resource processed by Babel appears 3 times in the sources tree outline.

1st: appears correctly but can't set breakpoints.
2nd: "An error occurred trying to load the resources.
3rd: correct and breakpoints work.

Notes:
Babel is defacto standard for JSX, which is used by React and it's derivatives (e.g. Preact). I imagine this issue affects many thousands of web developers.
Comment 1 Nikita Vasilyev 2020-06-11 12:56:22 PDT 
Created attachment 401674 [details]
[Video] Bug
Comment 2 Radar WebKit Bug Importer 2020-06-11 12:57:03 PDT 
<rdar://problem/64266228>
Comment 3 Nikita Vasilyev 2020-06-11 13:02:14 PDT 
Created attachment 401675 [details]
[Image] Works as expected in Firefox DevTools

...and Chrome DevTools.
Comment 4 Nikita Vasilyev 2021-03-31 11:33:51 PDT 
Created attachment 424791 [details]
[Image] Bug

Now it appears only two times, not three. Progress! I'm not sure what changed.