调试通过 ngrok 运行的 JavaScript 代码

Question

我正在通过 Windows Power Shell 中的 ngrok 隧道运行 JavaScript 代码，因为我将此代码用作 Dialogflow 中的 webhook。

我现在想调试代码，因为我想逐步了解它是如何工作的，接收和处理从 Dialogflow 获取的信息。

但是，当我使用代码编辑器的调试选项（在我的例子中是 Visual Studio Code）时，它唯一要做的就是在浏览器中打开一个窗口，显示连接成功，但它在那里被冻结并且永远不会到达断点。

有什么办法可以调试代码，或许我可以在Dialogflow中输入信息，看看JavaScript代码是如何接收并一步步处理的？

很抱歉没有发布任何代码，但我的问题不在于代码本身。

提前致谢！

编辑：

我有以下 launch.json 文件：

{"version": "0.2.0",
"configurations": [
    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:8080",
        "webRoot": "${workspaceFolder}"
    }]}

当我开始调试时，我没有收到任何错误消息。按下 F5 后，我的浏览器 (Chrome) 打开并显示连接成功：

所以我猜隧道没问题，但我也没有得到任何控制台输出。就像 VSCode 只是打开浏览器，忘记了调试。

Answer 1

当我开始调试时，我的浏览器 (Chrome) 会打开

是的，这就是罪魁祸首。您选择的调试配置用于调试客户端 javascript，因此它会打开浏览器并连接到网页的调试器。那里没有发生任何有趣的事情。

您需要change your configuration to debug node.js instead。另请参阅VS Code recipe for debugging with nodemon 作为示例。