Question

我知道这个问题已经发布了很多次，但我找到的解决方案似乎都没有帮助我。我错过了什么。

我使用VSCode版本1.19.2，它内置了对打字稿调试的支持。当我尝试运行调试时出现错误：

Cannot launch program 'c:\devl\work\heroku\chatbot-tests\src\app.ts' because corresponding JavaScript cannot be found.

（我的节点版本是8.9.4，npm版本是5.6.0）

以下是我作为解决方案的一部分进行检查的内容：

我的.ts文件正在编译成.js文件和.js.map文件就在它们旁边。
.js文件似乎在最后有一个正确的源地图网址
.js.map文件似乎在开头有正确的.js文件网址
我的VSCode launch.json有一个outFiles属性，指向app.js文件。

至于我的配置，这是我的目录结构：

我的目录结构： File directory structure

我的gulp文件：

var gulp = require("gulp");
var ts = require("gulp-typescript");
var tsProject = ts.createProject("tsconfig.json");
var sourcemaps = require('gulp-sourcemaps');

gulp.task("default", function () {
    return tsProject.src()
        .pipe(tsProject())
        .js
        .pipe(sourcemaps.init())
        .pipe(sourcemaps.write("."))
        .pipe(gulp.dest("dist"));
});

我的tsconfig.json文件：

{
    "compilerOptions": {
        "outDir": "./built",
        "allowJs": true,
        "target": "es5",
        "sourceMap": true
    },

    "include": [
        "./src/**/*"
    ]
}

我的launch.json文件：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "name": "debug node",
            "program": "${workspaceFolder}/src/app.ts",
            "request": "launch",
            "outFiles": [
                "${workspaceRoot}/dist/app.js"
            ]
        }
    ]
}

app.js末尾的网址：

//# sourceMappingURL=app.js.map

app.js.map的开头：

{"version":3,"names":[],"mappings":"","sources":["app.js"],"sourcesContent":["\"use strict...

非常感谢帮助。非常感谢你！

Visual Studio Code无法调试typescript

0 个答案: