node.js - 如何让 TypeScript 源文件显示在 Node 检查器中？

Question

我正在使用 typescript 2.3 开发 node express 应用程序。

我用tsc编译

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

我在 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"
  ]
}

通过 fish.controller.js 的 WebUI 连接时，我也看到以下内容

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

问题是我在 Node 检查器窗口中看不到实际的 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”:真实的，
“inlineSourceMap”:真


到你的 tsconfig.json 的 compilerOptions？

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