无法在 TypeScript 中调试 - VS Code

Posted

技术标签:

【中文标题】无法在 TypeScript 中调试 - VS Code【英文标题】：Not able to debug in TypeScript - VS Code 【发布时间】：2016-11-01 18:38:25 【问题描述】：

由于某些错误，我无法打开本地主机，也无法在 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>

【问题讨论】：

尝试在任务管理器中杀死所有chrome.exe 进程，然后尝试使用远程调试标志再次启动 您可以将这些文本文件作为文本发布吗？如果有人想重现您的情况，他们必须重新输入所有代码。 @Gideon 我试过杀死所有 chrome.exe 进程。现在我收到了"Failed to load resource: net::ERR_CONNECTION_REFUSED (http://localhost:3000/)" 错误，您可以在我刚刚编辑的这篇文章中引用它 @MikeMcCaughan 我已经编辑了这篇文章。有意义吗？ 好多了，但请务必包含错误消息的文本。问题是图像不可搜索，因此试图通过搜索找到此图像的人会很不走运。 【参考方案1】：

不直接回答这个问题，但也许仍然有用：你知道你可以直接在 Chrome 中调试打字稿，包括断点吗？您甚至不需要安装插件。 看这个截图：

【讨论】：

这很酷。但是如何在 vs 代码中调试 nativescript js 项目（适用于 android 和 ios）？ 您能否查看我的其他 post 关于 nativescript 模拟器问题并给我一个解决方案？

以上是关于无法在 TypeScript 中调试 - VS Code的主要内容，如果未能解决你的问题，请参考以下文章

在 vs 代码中调试用 typescript 节点编写的 jasmine 测试

VS2017无法调试

在 VS Code 和 TypeScript 中调试 Azure DevOps 自定义任务时如何设置输入变量

为什么VS Code无法通过TS 3.7.1-rc语法支持调试源？

使用VS2013调试C语言时出错，连简单的Hello World都报错，调试时显示无法启动程序，无法访问

使用 VS Code 调试在 Docker 容器中使用 ts-node 运行的 TypeScript 应用程序时，如何能够正确设置断点？