'How to use map filesystem folder to debug original sources in Chromium Developer Tools
I have a website running at https://somewebsite.com/.
- It references a compiled javascript file:
/js/site.js - mapping file is also available on the server
/js/site.js.map - typescript file is not available - I'm getting 404 for
/js/site.tswhich is correct!
I have the original typescript file available locally at C:/projects/myapp/wwwroot/js/site.ts
How do I map my source file in Edge's/Chrome developer tools so that I can debug it?
When I add C:/projects/myapp/wwwroot/ local folder to workspace, the files are not linked.
However, when the same website is running on localhost, and I add the local folder to workspace, it works!
Solution 1:[1]
As @YouZhou answered, I cannot map a local folder, but I can use overrides:
Right click the typescript file and choose Save for overrides
Then paste the content of local file to the overriden file
Solution 2:[2]
Yes, you can only use Workspace with localhost sites. For detailed information, you can refer to this thread.
So the only way to map filesystem folder to debug the site is hosting the site in localhost first. About detailed steps of working with Workspaces, you can refer to this doc.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Liero |
| Solution 2 | Yu Zhou |