无法使用Visual Studio 2017或2019调试浏览器JavaScript

Question

我正在尝试使用一些ASP.NET（vbhtml）组件和一些更常规的HTML5位来调试Web应用程序。 它建于几年前，广泛使用Knockout。 其中一些部分已损坏，我正在尝试调试它们。

该项目包括API（WebAPI 2）和其他一些东西。 分离HTML5部分并使用VSCode调试它们并不简单，所以我认为我坚持使用Visual Studio。

对于两天前诱人的几分钟，我能够设置断点，逐步执行Javascript代码并找到一个问题。 我不确定我做对了什么。 从那时起，我一直无法对Javascript组件进行任何调试。 我尝试过使用Visual Studio 2017和2019。

我选择Chrome进行调试并启用脚本调试。 一旦浏览器启动，断点在其左端有一个黄色标记，显示一条消息：断点当前不会被命中。 断点设置但尚未绑定。

浏览器正常运行但断点没有被击中。 当Inspect窗口打开时，我可以看到一些东西，但没有任何相关性。

我在Visual Studio中设置了一个新的“浏览方式”条目。 我选择了chrome.exe并在Arguments字段中添加了--remote-debugging-port = 9222。 保存并开始调试。 浏览器打开后，我收到弹出错误信息：无法连接到运行时进程，10000毫秒后超时 - （原因：无法连接到目标：连接ECONNREFUSED 127.0.0.1:51772）。

每次发生这种情况我都会在最后得到一个不同的端口号。 单击“确定”后，调试将停止，浏览器窗口将关闭。 我已经确保Chrome在开始调试之前已关闭，以及运行批处理所有Chrome进程的批处理文件的程度。

经过更多搜索后，我选择了Chrome调试配置，然后选择Debug | Start Without Debugging。 Chrome启动正常。 然后我选择了Attach to Process并选择了该过程。 一切看起来都不错，但断点再次失效，“断点当前不会被击中”的消息。

我试过添加“调试器”; 代码的条目。 VS 2019抱怨他们，他们没有任何效果。

如果我尝试用IE11调试并得到类似的结果。 有时我得到一个错误，说已经连接了另一个调试器，尽管我之前杀了Chrome。

我很茫然。 任何线索都会非常感激。

抢

Answer 1

问题肯定在捆绑配置中。 在我的例子中，它是一个名为BundleConfig.vb的文件。 它似乎捆绑了JavaScript和css文件，以加快网站的加载速度，而不是将每个文件作为离散的HTTP请求加载。

我的文件开头是这样的：

Imports System.Web.Optimization
Public Module BundleConfig
    ' For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
    Public Sub RegisterBundles(ByVal bundles As BundleCollection)
        bundles.Add(New ScriptBundle("~/bundles/jquery").Include(
                   "~/Scripts/jquery-3.4.1.min.js",
                   "~/Scripts/jquery-ui-1.12.1.js"))

并以此结尾：

       BundleTable.EnableOptimizations = False  'Commented out 190601 to debug scripts
        'BundleTable.EnableOptimizations = True
    End Sub
End Module

如果EnableOptimization为True，您将无法使用Visual Studio或Chrome或IE中的调试工具调试任何JavaScript。 将其注释掉并调试成为可能。