如何使用地图文件系统文件夹调试 Chromium 开发者工具中的原始源代码
How to use map filesystem folder to debug original sources in Chromium Developer Tools
我在 https://somewebsite.com/ 有一个网站 运行。
- 它引用编译的 javascript 文件：
/js/site.js
- 服务器上也有映射文件
/js/site.js.map
- typescript 文件不可用 - 我得到 404
/js/site.ts 这是正确的！
我在 C:/projects/myapp/wwwroot/js/site.ts
本地有原始打字稿文件
如何在 Edge's/Chrome 开发者工具中映射我的源文件以便我可以对其进行调试？
当我将 C:/projects/myapp/wwwroot/ 本地文件夹添加到工作区时，文件未链接。
但是，当同一网站在本地主机上 运行，并且我将本地文件夹添加到工作区时，它起作用了！
是的，您只能将 Workspace 与本地主机站点一起使用。详细信息可以参考.
因此映射文件系统文件夹以调试站点的唯一方法是首先在本地主机中托管站点。关于Workspaces的详细操作步骤，可以参考this doc.
正如@YouZhou 所回答的，我无法映射本地文件夹，但我可以使用覆盖：
右键单击打字稿文件并选择保存以进行覆盖
然后将本地文件的内容粘贴到覆盖文件
我在 https://somewebsite.com/ 有一个网站 运行。
- 它引用编译的 javascript 文件：
/js/site.js - 服务器上也有映射文件
/js/site.js.map - typescript 文件不可用 - 我得到 404
/js/site.ts这是正确的！
我在 C:/projects/myapp/wwwroot/js/site.ts
如何在 Edge's/Chrome 开发者工具中映射我的源文件以便我可以对其进行调试？
当我将 C:/projects/myapp/wwwroot/ 本地文件夹添加到工作区时，文件未链接。
但是，当同一网站在本地主机上 运行，并且我将本地文件夹添加到工作区时，它起作用了！
是的，您只能将 Workspace 与本地主机站点一起使用。详细信息可以参考
因此映射文件系统文件夹以调试站点的唯一方法是首先在本地主机中托管站点。关于Workspaces的详细操作步骤，可以参考this doc.
正如@YouZhou 所回答的，我无法映射本地文件夹，但我可以使用覆盖：
右键单击打字稿文件并选择保存以进行覆盖
然后将本地文件的内容粘贴到覆盖文件