我正在开发一个节点模块和一个示例应用程序。我试图将调试断点添加到模块中的某个源文件,但我无法让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"}
打字稿文件永远不会被执行,它们会被转换为Javascript,这就是运行的内容。我不确定您是否可以在VS中的JavaScript文件中放入代码中断,但是您可以使用开发人员工具。 –
我还应该澄清,这些是节点应用程序 – wasdwasdwasd
哦,那么我不知道,对不起。 –