首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何从VSCode中的HTML导入的电子调试JS文件?

如何从VSCode中的HTML导入的电子调试JS文件?
EN

Stack Overflow用户
提问于 2018-08-09 01:02:19
回答 1查看 0关注 0票数 0

我有一个应用程序,它是一个带有脚本导入的HTML(Teacher.html)。

  <script src="./scripts.js"></script>

我从示例代码中获得了一个调试配置:

{
    "version": "0.1.0",
    "configurations": [
      {
        "name": "Debug Main Process",
        "type": "node",
        "request": "launch",
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
        "windows": {
          "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
        },
        "args" : ["."]
      },
   ]
}

在main.js中,我只是加载HTML。

mainWindow.loadFile('teacher.html')

我在文件中放置了几个断点,但是一旦调试开始,它们都变成了“未经验证的断点”。

如何使调试器停止在断点上?

EN

回答 1

Stack Overflow用户

发布于 2018-08-09 10:47:23

发布的代码只用于调试主进程,而不是Renderer进程(其中加载了HTML)。

应该工作的配置:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Electron: Main",
            "protocol": "inspector",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
            "runtimeArgs": [
                "--remote-debugging-port=9223",
                "."
            ],
            "windows": {
                "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
            }
        },
        {
            "name": "Electron: Renderer",
            "type": "chrome",
            "request": "attach",
            "port": 9223,
            "webRoot": "${workspaceFolder}",
            "timeout": 30000
        }
    ],
    "compounds": [
        {
            "name": "Electron: All",
            "configurations": [
                "Electron: Main",
                "Electron: Renderer"
            ]
        }
    ]
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002029

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档