问如何在WebStorm中调试服务器端TypeScript代码

EN

对于在WebStorm/IDEA中调试TypeScript的其他人来说，我和OP有过类似的挫折(可能是出于不同的原因)。我的问题很简单，我没有在节点运行配置中将工作目录设置为dist文件夹。我在Jest中运行测试，并假设工作目录应该是我的项目的根目录。将其设置为dist，即可开始调试！

更多信息...

src中的源.ts文件

Typescript版本: 2.0.3

文件tsconfig.json

{
  "compilerOptions": {
    "jsx": "react",
    "module": "commonjs",
    "noImplicitAny": false,
    "outDir": "dist",
    "preserveConstEnums": true,
    "removeComments": true,
    "sourceMap": true,
    "target": "es6",
    "moduleResolution": "node"
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}

Jest配置(在package.json中)：

  "jest": {
    "scriptPreprocessor": "<rootDir>/node_modules/ts-jest/dist/preprocessor.js",
    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js"
    ]
  }

运行配置...

工作目录：<project_root>/dist

Javascript文件：../node_modules/jest-cli/bin/jest.js

应用参数：--runInBand

希望它能帮上忙！

我试图找到一种让Webstorm/Intellij监视TS文件更改并在调试模式下重新启动服务器的方法。看起来像ts-node-dev，IHMO在实时重载方面比nodemon更快，因为它的在重启之间共享 Typescript编译过程。

npm i ts-node-dev --save-dev

然后在您的Run/Debug Configuration中，使用以下参数添加node.js配置：

JavaScript file ---> node_modules/ts-node-dev/lib/bin.js

Applicationi parameters ---> --respawn -- src/script/local.server.ts

​

​

现在保存配置并使用Debug运行，您应该能够在任何TS代码更改时设置断点以及实时重新加载服务器。

如果您碰巧使用aws lambda开发，我为此打包了一个小型库

https://github.com/vcfvct/ts-lambda-local-dev

我使用的是node的一个特定版本，名为ts-node。

​

​

首先在package.json文件中添加：

"devDependencies": {
    "ts-node": "8.1.0",
    "typescript": "3.2.4"
  },

运行npm install，node_module/.bin/目录将包含Windows所需的ts-node或ts-node.cmd。

显然，这些版本将会移动。您可以在ts-node项目的package.json中看到他们所使用的typescript版本是最接近的。

然后，您可以添加断点。我看到的唯一缺点是您必须在配置中定义Javascript文件(这是一个ts文件)，而不只是右键单击+运行。

如果出现xyz is not a function错误，请检查tsconfig.json文件是否没有"noEmit": false,