在 VS Code 中运行 chrome 调试器的问题答案

【问题标题】：Problem to run chrome debugger in VS Code在 VS Code 中运行 chrome 调试器的问题
【发布时间】：2020-10-18 14:21:26
【问题描述】：

您好，我在 VS Code 中直接运行 Chrome 调试器时遇到问题。我正在开发 Linux Mint。

现在我尝试运行调试器并显示错误消息：无法启动浏览器：“无法找到稳定的 Chrome 版本。可用的自动发现版本是：[“dev”]。您可以在启动时设置“runtimeExecutable” .json 到其中之一，或提供浏览器可执行文件的绝对路径。”

根据我已将 runtimeExecutable 添加到 chromeExecutable 的建议，现在错误是：

无法附加到浏览器。

Google Chrome 安装在我的机器版本：83.0.4103.116-1。

提前感谢您的帮助

错误：

当前配置：

【问题讨论】：

开始调试前关闭chrome
Chrome 已关闭，同样的错误。
您是否使用带有the new JS debugger 的 VS Code 2020 年 6 月版？您可以通过在 VS 设置中设置 debug.javascript.usePreview: false 并在启动配置中使用 type: chrome 来临时 use the old debugger。
@JanM。从 VSCode 1.60.0 开始，debug.javascript.usePreview 不再可用。查看This answer中有关如何使用旧版调试器的选项

标签： visual-studio-code chrome-debugging

【解决方案1】：

1. Type chrome://version/ in Chrome browser.
2. Notice you will get some thing like this :::

谷歌浏览器 :: 86.0.4240.80（官方版本）(x86_64)

修订版 :: 7ed88b53bda45a2d19efb4f8706dd6b6cad0d3af-refs/branch-heads/4240@{#1183}

操作系统 :: macOS 版本 10.15.7（Build 19H2）

JavaScript :: V8 8.6.395.10

Flash :: 32.0.0.445 /Users/shivamgupta/Library/Application Support/Google/Chrome/PepperFlash/32.0.0.445/PepperFlashPlayer.plugin

用户代理 :: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.80 Safari/537.36

命令行 :: /Applications/Chrome.app/Contents/MacOS/Google Chrome -psn_0_57358 --flag-switches-begin --flag-switches-end --restore-last-session

可执行路径 :: /Applications/Chrome.app/Contents/MacOS/Google Chrome

配置文件路径 :: /Users/shivamgupta/Library/Application Support/Google/Chrome/Default

变体 :: 84085631-ab02a1cf dff70c3e-377be55a .......,.

将可执行路径复制到runTimeExecutable

Now Copy this snippet in launch.json::
"configurations": [
    {
      "name": "Launch Chrome",
      "request": "launch",
      "type": "pwa-chrome",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/public",
      "runtimeExecutable": "/Applications/Chrome.app/Contents/MacOS/Google Chrome"
    }
]

【讨论】：

请记住，如果您在 Linux 上可能有多个实例，请查看您的 snap 文件夹或使用“当前”文件夹链接以始终获取最新版本的 chrome 或 chromium。

【解决方案2】：

我也有同样的问题。并找到了如何设置

debug.javascript.usePreview: false in VS settings

【讨论】：

最后，好样的！
你能解释一下这个设置的作用以及为什么禁用它可以解决问题吗？我尝试了您的解决方案，但没有奏效。我尝试了 Shivam Gupta 提出的解决方案，但在我重新启用 debug.javascript.usePreview 之前它也不起作用。
它确实有效，谢谢，但我想知道新调试器出了什么问题...
debug.javascript.usePreview 从 VSCode 1.60.0 开始不再可用。查看This answer中有关如何使用旧版调试器的选项