Visual Studio 2019 Edge Browser for javascript 调试停止在错误的行

Question

使用 VS 2019 社区版，我可以使用 IE 很好地调试 javascript，但是当使用 Chrome 或 Edge (chromium) 时，断点处会显示错误的代码行。 突出显示的代码行在实际行下方大约 50 行。

使用此 html 文件，断点出现在“debugger;”下方 5 行处

使用此 html 文件，断点在“调试器”上正确出现；

有任何想法吗？ 两个 html 文件在 IE 中都能正常工作，但在 Edge 中却不能。 使用 Visual Studio Community 2019 版本 16.11.6

Answer 1

对于 Chrome，请执行以下操作：

1)如果你的 VS 有任何其他扩展，请在Extensions --> Manage Extensions下禁用任何其他已安装的扩展

2）尝试重置工具下的所有设置->导入和导出设置->重置所有设置->常规

3）关闭VS，删除C:\Users\xxx\AppData\Local\Microsoft\VisualStudio\16.0_xxxx\ComponentModelCache下的组件缓存

4）删除解决方案文件夹下的.vs隐藏文件夹， bin和obj文件夹

5)之后，重新启动你的项目，在Tools --> Options --> Debugging --> General下勾选Enable Javascript debuggigg for Asp.Net(Chrome,Edge and IE)选项

6)尝试清理 Chrome 缓存，然后再次测试。

如果仍然没有帮助，请尝试将其更新到最新版本或重置 Chrome 上的设置。

此外，您还可以创建一个新的 asp net 项目并测试新项目是否有问题。

Answer 2

从https://developercommunity.visualstudio.com我找到了答案（但还没有解决方案）：

通过 Raghav Katyal [MSFT]2021 年 3 月 12 日

感谢您的反馈意见。 Visual Studio 当前不支持调试在 aspx 和 cshtml 文件中设置的断点。 我们目前的建议是将脚本分解为单独的.js 文件，以便能够在这些文件中调试脚本。

我们使用来自客户的反馈来确定功能的优先级，并将将此反馈项作为我们的优先级流程的输入，以便我们继续改进 Visual Studio。

史蒂夫齐默尔曼 2021 年 3 月 16 日：

谢谢您的答复。 您确实是对的，IE 调试器确实支持这种情况，但 Edge/Chrome 调试器不支持。

话虽如此，我们目前正在研究为所有浏览器启用 aspx 和 cshtml 嵌入式 JS 调试。 在此之前，请使用 IE 调试器进行嵌入式 JS。

然而，Edge/Chrome 调试应该使用单独的 js 文件。 您附加的日志在 aspx 文件中设置了断点。 如果您可以使用单独的 js 文件重现问题并重新发布记录和日志，我们将很乐意进行调查。