Bug 213090

Summary: Web Inspector: JSX resources appear thrice in Sources
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
[Video] Bug
none
[Image] Works as expected in Firefox DevTools
none
[Image] Bug none

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.