调试通过ngrok运行的JavaScript代码

调试通过ngrok运行的JavaScript代码,javascript,debugging,visual-studio-code,vscode-debugger,Javascript,Debugging,Visual Studio Code,Vscode Debugger,我通过WindowsPowershell中的ngrok隧道运行JavaScript代码,因为我在Dialogflow中将此代码用作webhook 我想现在调试代码,因为我想看看它是如何一步一步地工作的,接收和处理从Dialogflow获得的信息 但是,当我使用代码编辑器的调试选项(在我的例子中是Visual Studio代码)时,它所做的唯一一件事就是在浏览器中打开一个窗口,显示连接成功,但它在那里被冻结,并且从未碰到断点 是否有任何方法可以调试代码,以便我可以在Dialogflow中输入信息,

我通过WindowsPowershell中的ngrok隧道运行JavaScript代码,因为我在Dialogflow中将此代码用作webhook

我想现在调试代码,因为我想看看它是如何一步一步地工作的,接收和处理从Dialogflow获得的信息

但是,当我使用代码编辑器的调试选项(在我的例子中是Visual Studio代码)时,它所做的唯一一件事就是在浏览器中打开一个窗口,显示连接成功,但它在那里被冻结,并且从未碰到断点

是否有任何方法可以调试代码,以便我可以在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只是打开浏览器,忘记了调试

当我开始调试时,我的浏览器(Chrome)将打开

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


你需要这样做。另请参见作为示例的。

什么是“npm隧道”?我正在使用的连接到本地主机,您添加的屏幕截图显示了
ngrok
工具的一些输出。这与
npm
包管理器无关。您所说的“我正在通过隧道运行JavaScript代码”到底是什么意思?您是如何使用javascript代码启动实际服务器的?这才是最重要的,而不是什么东西是如何连接到它的。另外,在尝试调试时是否会收到错误消息?如果没有,哪些部件可以工作?它只是断点,但您可以很好地获得控制台输出吗?是否只有来自隧道的请求,但本地请求按预期命中断点?谢谢!看起来很有用!我将浏览这些链接中的信息:)