vscode-debugger - 如何在 vscode 中使用模块联合动态系统主机模式调试微前端应用程序

Question

根据动态系统主机示例如何在 vscode 上配置调试？我能够调试主机应用程序，但不能调试远程应用程序。

Answer 1

得到它的工作。folderName 之前有一个 @ 字符，当我在 WebStorm 中调试同一个应用程序时，我丢失并偶然发现了该字符。

应用程序结构是-

• 偏僻的
  • .vscode
    • 工作区启动配置
• 主持人

所以 vs-code 中的工作启动配置是-

"launch": {
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-msedge",
            "request": "launch",
            "name": "Debug M3 @ 8080",
            "trace": true,
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder:host}",
            "sourceMaps": true,
            "sourceMapPathOverrides": {
                "webpack://@${workspaceFolderBasename:remote}/*": "${workspaceFolder:remote}/packages/*",
                "webpack://${workspaceFolderBasename:host}/*": "${workspaceFolder:host}/*"
            }
        }
    ]
}