调试使用 tsc 从本地链接的节点包编译的 Typescript

Question

我们的 React/React Native 项目是使用 Typescript 构建的。我们有一个使用 React Native 构建的移动项目，以及一个由 React Native 客户端和 React 前端使用的共享私有包。

由于我们经常对共享包进行更改，因此我们在依赖项中本地链接该包，例如文件系统中的"our_shared_package": "*"符号链接。node_modules/our_shared_package虽然包写的是Typescript，但是我们tsc在运行项目之前，修改生成相应的JS后手动运行。

一切都很完美，尽管每当我调试并步入由 生成的代码时tsc，它都不会步入.ts文件，而是生成的.js文件包含大量丑陋的代码（尤其是等待者、异步函数、承诺等），这使得它非常糟糕很难调试。如果我将断点放入.ts外部包中的文件中，它不会命中。不过，我从 React Native 应用程序进行调试没有任何问题.ts，只是共享代码不能与调试器很好地配合。

如何使 Vscode 正确命中.ts使用外部包构建的文件tsc而不是输出 JS 文件？

Answer 1

我不熟悉 VSCode，但我假设它使用源映射，就像大多数其他工具一样。因此，您需要将以下内容添加到您的tsconfig.json：

{
  "compilerOptions": {
    "sourceMap": true
  }
}