2016-06-14 81 views
0

我正在开发一个节点模块和一个示例应用程序。我试图将调试断点添加到模块中的某个源文件,但我无法让VSC识别它。使用最新版本的Typescript和VSC。打字稿源中的断点不起作用

编辑:这应该是一个节点应用程序,没有浏览器担心。

EDIT2:这是正回购与发行repo with problem. 这里是我的当前设置

├── dist 
│   ├── index.d.ts 
│   ├── index.js 
│   ├── index.js.map 
│   ├── main.d.ts 
│   ├── main.js 
│   ├── main.js.map 
├── examples 
│   ├── index.js 
│   └── package.json 
├── gulpfile.js 
├── package.json 
├── src 
│   ├── index.ts 
│   ├── main.ts 
├── tsconfig.json 
├── tslint.json 

我正在开发中examples/index.js的例子,我在src/main.ts

此设置断点是我的VSC launch.json配置

{ 
    "version": "0.2.0", 
    "configurations": [ 
    { 
     "name": "Launch TypeScript", 
     "type": "node", 
     "request": "launch", 
     "program": "${workspaceRoot}/examples/index.js", 
     "sourceMaps": true, 
     "outDir": "${workspaceRoot}/src", 
     "args": [ 
     "--nolazy" 
     ] 
    } 
    ] 
} 

我tsconfig.json

{ 
    "compilerOptions": { 
     "target": "es2015", 
     "module": "commonjs", 
     "sourceMap": true, 
     "outDir": "dist", 
     "declaration": true, 
     "rootDir": "src" 
    }, 
    "exclude": [ 
     "node_modules", 
     "examples", 
     "dist" 
    ] 
} 

我一饮而尽任务

gulp.task('default', function() { 
    var tsResult = tsProject.src('tsconfig.json') 
    .pipe(sourcemaps.init()) 
    .pipe(ts(tsProject)); 

    return merge([ 
     tsResult.dts.pipe(gulp.dest('dist')), 
     tsResult.js 
     .pipe(sourcemaps.write('.', {includeContent: false, sourceRoot: 'src'})) 
     .pipe(gulp.dest('dist')) 
    ]); 
}); 

如何sourcemaps来了把

{"version":3,"sources":["main.ts"],"names":[],"mappings":";CAAC,...CAAC","file":"main.js","sourceRoot":"src"} 
+0

打字稿文件永远不会被执行,它们会被转换为Javascript,这就是运行的内容。我不确定您是否可以在VS中的JavaScript文件中放入代码中断,但是您可以使用开发人员工具。 –

+0

我还应该澄清,这些是节点应用程序 – wasdwasdwasd

+0

哦,那么我不知道,对不起。 –

回答

1

Visual Studio代码正在使用“程序”来引用相应的“outDir”中的文件名“index.js”。在你的情况下,它正在寻找“dist/index.js”。

备用条目文件引起混淆。为避免名称冲突,“examples/index.js”需要是“dist”中不存在的唯一文件名(exampleApp.js?)。

0

你可能需要改变 “OUTDIR” 到“$ {} workspaceRoot/DIST”。节点调试器使用该标志来查找您生成的脚本。