无法在 TypeScript 中调试 - VS 代码

Question

由于某些错误，我无法打开本地主机并且无法在 VS Code 中调试 TypeScript 文件。我在 Chrome 属性 中将 target 设置为 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" "--remote-debugging-port=9222"。我得到的错误是 [debugger-for-chrome] Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222。杀死所有 chrome.exe 个进程后，参考下图错误。有人可以帮我解决这个问题吗？提前致谢。

.vscode/launch.json:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch index.html with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "file": "${workspaceRoot}/index.html",
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "Launch localhost with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:3000",
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "Attach with sourcemaps",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        }
    ]
}

tsconfig.json:

{
    "compilerOptions": {
        "target": "es5",
        "sourceMap": true
    }
}

app/app.ts:

var x = 1;
console.log(x); //made debugger here in VS Code

index.html:

<!doctype html>
<html>
<body>
    <h3>TypeScript Debugger</h3>

    <script src="app/app.js"></script>
</body>
</html>

Answer 1

没有直接回答问题，但也许仍然有用：你知道你可以直接在 Chrome 中调试 typescript，包括断点吗？您甚至不需要安装插件。请参阅此屏幕截图：

无法在 TypeScript 中调试 - VS 代码

Not able to debug in TypeScript - VS Code

typescript

nativescript

visual-studio-code

vscode-debugger