Chrome源码视图错误识别JS块注释，调试受阻求助

问题情况 #

• 最新版Chrome（116.0.5845.111 64位）中，某JS文件的大部分业务代码被源码视图识别为未闭合的块注释，无法正常调试；
• 代码实际运行无异常，手动在文件顶部添加/* */可临时修复视图显示，但会干扰调试流程；
• 同服务器环境下的同事未遇到此问题，且已禁用所有Chrome扩展。

触发原因 #

文件开头是管理方维护的webpack打包代码，其中的/******/标记被Chrome的代码解析器误判为块注释起始（未识别这是webpack的打包标记），相关代码片段如下：

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

/******/    // The require function

解决办法 #

• 强制清缓存刷新：按下Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，清除Chrome缓存的旧解析结果；
• 调整V8解析设置：打开chrome://flags/，搜索V8 Lazy Parsing选项，将其设置为Disabled后重启Chrome，排查是否为延迟解析逻辑导致的误判；
• 重置Chrome配置：进入Chrome设置→高级→重置并清理→恢复原始设置，排除个性化配置引发的异常；
• 临时调试方案：使用Chrome DevTools的「本地覆盖」功能，将添加了/* */的本地文件覆盖服务器文件，调试完成后移除覆盖，无需修改线上代码。

内容的提问来源于stack exchange，提问作者Dakine83