小编Bwa*_*wal的帖子

我正在尝试调试我在 VSCode 和 Chrome 中编写的 Vue 网站。当我在data() { return {...} }函数中放置断点时，它会停止，但是如果我尝试将它放置在 Vue 文件或 JS 服务中的方法中，一旦我通过调试配置启动 Chrome，断点就会解除绑定。有没有人对如何保持断点有任何想法？这是我的配置文件：

"version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome",
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}/client/meet-for-lunch/src",
            "sourceMapPathOverrides": {
              "webpack:///src/*": "${webRoot}/*"
            }
        },
        {
            "type": "node",
            "request": "launch",
            "name": "Debug server",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceFolder}/server/bin/www",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen",
            "skipFiles": [
                "<node_internals>/**"
            ]
        }

    ]
}

我包括服务器的调试配置，因为在工作中。

这是我尝试调试的方法示例（来自 Vue 文件），我在this.error = null. 该方法正常运行，所以我希望它在断点处停止：

        methods: {
            async login() {
                try …