如何让TypeScript源文件显示在节点检查器中？

Question

我正在使用typescript 2.3工作节点表达应用程序。

我使用tsc编译

我希望能够使用node-inspector调试我的TypeScript代码（现在与节点6.3+捆绑在一起）

我在tsConfig.json中打开了sourceMaps

{
  "compilerOptions": {
    "target": "es6",
    "lib": ["es2017"],
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noResolve": false,
    "noEmitOnError": false,
    "noImplicitAny": true,
    "declaration": true,
    "sourceMap": true,
    "inlineSources": true,
    "outDir": "dist/",
    "moduleResolution": "node",
    "skipLibCheck": true
  },
  "include": [
    "src/**/*.ts",
    "test/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

通过WebUI for fish.controller.js

连接时，我也会看到以下内容

exports.FishController = FishController;
//# sourceMappingURL=fish.controller.js.map
});

问题是我在节点检查器窗口中看不到实际的TypeScript源或映射文件。

我确保它们存在：

$ ls -l

-rw-r--r--  1 xxx  staff    945 Sep 19 14:32 fish.controller.d.ts
-rw-r--r--  1 xxx  staff   5318 Sep 19 14:32 fish.controller.js
-rw-r--r--  1 xxx  staff   8528 Sep 19 14:32 fish.controller.js.map

如何包含TS文件并设置断点？

Answer 1

您可以尝试设置sourceMap: false，而是添加

"inlineSources": true, "inlineSourceMap": true

到你的compilerOptions tsconfig.json？

这会将源和sourceMap添加到已编译的JS文件中。 Chrome检查员应该能够提取源。