Chrome 源代码视图错误地解释了 JS 块注释

Dak*_*e83 5 javascript google-chrome google-chrome-devtools

Chrome 目前正在显示 JS 文件中的大部分代码,如源代码视图中注释掉的那样。第一部分代码是托管的,我们无法直接控制它。它也是相当静态的,并且很长一段时间没有改变。我们的应用程序代码本身遵循此托管代码,因此显示为注释掉。

也就是说,在一两天前,当我尝试调试我们的应用程序时,我开始看到这个问题。

Chrome 源代码视图

正如您所看到的,块注释并未按预期以 */ 结尾。但是,在运行代码时,它会正确执行,如第 4 行暂停的执行所示。

我可以在文件顶部添加 /* */ ,该文件中的代码将正确显示在源代码视图中,并且我可以进行调试。

最重要的是我无法再有效地进行调试。

我的同事没有遇到这个问题,即使在同一台服务器上,这使得它更加奇怪。我正在运行最新的 Chrome(版本 116.0.5845.111(官方版本)(64 位))并禁用了所有扩展。

为了进行比较,下面是 FF 中的相同代码:

在此输入图像描述

更新:添加文件的完整前几行以防万一有帮助。

var App = App || {}; App.Widgets = App.Widgets || {}; App.Widgets['aaa-bbb-ccc-portlet'] =
/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};

/******/    // The require function
Run Code Online (Sandbox Code Playgroud)