Visual Studio程式码:如何调试Sping Boot 应用程序中的javascript代码?

bxgwgixi  于 2022-11-27  发布在  Java
关注(0)|答案(1)|浏览(123)

我正在使用Java 12和Maven开发一个Sping Boot 应用程序。我可以调试Java代码,没有任何问题。但是,我无法配置调试器,使其也能够调试应用程序前端的javascript代码。我该怎么做呢?
这是我的launch.json文件:

{
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:8888",
            "webRoot": "${workspaceFolder}/src/main/java/resources/static"
        },
        {
            "type": "java",
            "name": "CodeLens (Launch) - WexManagerApplication",
            "request": "launch",
            "mainClass": "wexmanager/br.com.aquario.wexmanager.WexManagerApplication",
            "projectName": "wexmanager"
        }
    ]
}

我尝试同时运行两个调试器:一个用于后端,一个用于前端,但似乎不起作用。

mspsb9vt

mspsb9vt1#

在Java启动配置下使用serverReadyAction

{
    "type": "java",
    "name": "Launch Dev AppServer",
    "request": "launch",
    "mainClass": "AppServer",
    "projectName": "App",
    "serverReadyAction": {
        "action": "debugWithChrome",
        "pattern": "Started SelectChannelConnector@[0-9]+.[0-9]+.[0-9]+.[0-9]+:([0-9]+)",
        "webRoot": "${workspaceFolder}/src/main/resources"
    }
}

action指定要使用的调试环境,pattern是一个正则表达式,它将在服务器准备接受连接时匹配控制台输出(应捕获服务器正在侦听的端口号),webRoot需要指向根JavaScript源文件位置。
如果部署未处理的JavaScript,此配置就足够了,但是如果使用webpack之类的捆绑器,则还需要创建源Map并适当设置outFiles属性。
有关配置ServerReadyAction JavaScript调试环境的完整文档,请访问:https://github.com/microsoft/vscode-js-debug/blob/main/OPTIONS.md

相关问题