Google Chome 99+ DevTools Source 选项卡不显示 Webpack SRC 文件夹中的 VUE 文件代码
Google Chome 99+ DevTools Source Tab not showing VUE file code in Webpack SRC folder
如果我没有很好地表达标题，我很抱歉，因为我完全不知道技术术语是什么，也不知道如何寻找答案。在我将 Google Chrome 更新到版本 99.0.4844.51 之前，这不是问题。这也是 Window 的 Edge 中的一个问题，但不是 Firefox 97.0.2 开发工具。
我有一个相当标准的 multi-page Vue 2 应用程序。我正在尝试调试一个问题，在 Chrome DevTools，NOT Vue DevTools 中，我曾经能够看到单个文件组件的源代码并逐步执行方法等等
在 Chrome DevTools 源选项卡的左侧有页面选项卡。在 webpack:// 文件夹中有四个子文件夹，其中一个是 SRC。它列出了我的 .vue 文件，但没有显示典型的模板、脚本和样式代码部分，而是显示了以下内容。导入列表和热重载。
我不确定基于 Chrome 的 DevTools 有什么变化。 Chrome 中是否有新设置？
如果您能就如何更好地表达我的问题提出建议，请指教。感谢您的耐心和理解。
更新 1：
这是我目前的发现。源代码面板未按预期在本地主机上进行本地开发时加载 vue 文件。
在我们的生产网站上，有些页面会，有些则不会。做的页面和不做的页面之间的唯一区别是相对导入。
有效的示例页面将使用利用 Webpack 的解析别名配置的导入。
没有的页面将导入路径类似于 import file"./somefile.js" 或 import file from "../../folder/somefile.js"
我已经通过将导入路径更改为 Webpack 的解析别名路径在本地进行了测试，但没有解决问题。
是否有人遇到类似导入问题？
更新二：
我创建了一个 project/repo 来显示该问题，以便 Chromium 团队可以解决该问题。
我尝试使用 eval-source-map。好像可以看到源码。但是当错误发生时仍然存在一些问题。直接定位到具体线路是不可能的
这是 chromium 的问题，票证已关闭并标记为已修复。当前修复适用于版本 103.0.5016.0（官方构建）canary（64 位）。
如果我没有很好地表达标题，我很抱歉，因为我完全不知道技术术语是什么，也不知道如何寻找答案。在我将 Google Chrome 更新到版本 99.0.4844.51 之前，这不是问题。这也是 Window 的 Edge 中的一个问题，但不是 Firefox 97.0.2 开发工具。
我有一个相当标准的 multi-page Vue 2 应用程序。我正在尝试调试一个问题，在 Chrome DevTools，NOT Vue DevTools 中，我曾经能够看到单个文件组件的源代码并逐步执行方法等等
在 Chrome DevTools 源选项卡的左侧有页面选项卡。在 webpack:// 文件夹中有四个子文件夹，其中一个是 SRC。它列出了我的 .vue 文件，但没有显示典型的模板、脚本和样式代码部分，而是显示了以下内容。导入列表和热重载。
我不确定基于 Chrome 的 DevTools 有什么变化。 Chrome 中是否有新设置？
如果您能就如何更好地表达我的问题提出建议，请指教。感谢您的耐心和理解。
更新 1：
这是我目前的发现。源代码面板未按预期在本地主机上进行本地开发时加载 vue 文件。
在我们的生产网站上，有些页面会，有些则不会。做的页面和不做的页面之间的唯一区别是相对导入。
有效的示例页面将使用利用 Webpack 的解析别名配置的导入。
没有的页面将导入路径类似于 import file"./somefile.js" 或 import file from "../../folder/somefile.js"
我已经通过将导入路径更改为 Webpack 的解析别名路径在本地进行了测试，但没有解决问题。
是否有人遇到类似导入问题？
更新二：
我创建了一个 project/repo 来显示该问题，以便 Chromium 团队可以解决该问题。
我尝试使用 eval-source-map。好像可以看到源码。但是当错误发生时仍然存在一些问题。直接定位到具体线路是不可能的
这是 chromium 的问题，票证已关闭并标记为已修复。当前修复适用于版本 103.0.5016.0（官方构建）canary（64 位）。