Visual Studio javascript调试不起作用

Question

这个博客： 从 Visual Studio 在 Microsoft Edge 中调试 JavaScript https://devblogs.microsoft.com/visualstudio/debug-javascript-in-microsoft-edge-from-visual-studio/ 描述了 VS 应该如何调试 javascript。

看起来很棒。但是，我无法让它工作。 我有一个 .Net Core 3.1 Razor 项目。

在 IE、Edge、Edge Beta 和 Chrome 中，我无法让脚本调试器工作。 我已经卸载了我所有的 Visual Studio 版本。 我已经重新安装了 VS 2019 Community, 16.5.4

我的断点总是这样：

Answer 1

Visual Studio javascript 调试不起作用

恐怕你无法在cshtml文件中得到你想要的。正如this similar issue 所说，您不能调试cshtml 文件中的js 代码，只能调试单独的xxx.js（或xxx.ts）文件中的代码。

解决方案

改为，你应该创建一个新的js文件，然后将这些js代码迁移到这个文件中，然后它应该可以工作了。

当你调试你的项目并加载这个cshtml页面时，断点不会出现，当你完成页面加载后，断点就会出现。这就是cshtml的特性。

更新 1

1) 当我尝试新建一个asp.net core项目，然后在Viewstart.cshtml文件中添加js代码，调试时不会命中。

为了证明这一点，我创建了一个新的单个js文件并将js代码迁移到其中。

之后，在cshtml文件中引用这个js单，然后在调试的时候会被命中。