How to see prebuilt file name in console insead of built one?

[alejo9010]

im using parcel to build my site, but each time i want to debug in the dev console from chrome, i get pointed to the built version of the js file instead of the original one, any clue?

{
  "name": "movie-project",
  "version": "1.0.0",
  "description": "Movies project for learning",
  "default": "index.html",
  "scripts": {
    "start": "parcel index.html",
    "build": "parcel build index.html"
  },
  "author": "Ale",
  "license": "ISC",
  "devDependencies": {
    "parcel": "^2.8.2"
  }
}

[mischnic]

First of all, remove "default": "index.html".

What exactly is the problem with the dev console?

[alejo9010]

when im debugging in chrome, my console will show the line with problems in the built version of the js file index.e37f48ea.js:535 instead of sometthing like controller.js:15

[mischnic]

And you do you have sourcemaps enabled in devtools settings (open via F1)?
If yes, please share a complete code example (zip, github repo, ...)

[pupok90]

i have sourcemaps enabled, still getting built js in console, this is the source code Link

[mischnic]

That works for me:

(But these line numbers are slightly off right now because of this issue: swc-project/swc#6694)