search

y-scope / yscope-log-viewer

A tool that can be used to view logs compressed in CLP's IR Stream format.
Apache License 2.0
11 stars 12 forks source link

Error overlay displays webpack-internal:// links instead of file names in stack traces #146

Open junhaoliao opened 3 days ago

junhaoliao commented 3 days ago

Bug

... when running with debug server image

yscope-log-viewer version

969ff35b2387bcdc3580b441907e3656640ce16d

Environment

Windows 11 24H2 Node.js v22.11.0 Microsoft Edge Version 132.0.2957.11 (Official build) stable app, beta channel (64-bit)

Reproduction steps

  1. Add code that accesses an arbitrary property of a null object.
  2. Start the debug server as instructed at https://docs.yscope.com/yscope-log-viewer/main/dev-guide/building-getting-started#running-in-development
  3. Load http://localhost:3010/ in the browser and observe the files are displayed as webpack-internal:// links.
junhaoliao commented 2 days ago

As shown in below snapshot, an initial attempt to disable moduleIds: "deterministic" optimization partially fixes the issue as the file names are now displayed instead of webpack-internal:// paths; however, the line and columns reported in the overlay do not match the actual ones in the original tsx source.

image

Instead, they match the lines and columns of the webpack-transpiled sources as below snapshot shows: image