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

将此与Visual Studio Code进行比较您需要做的就是允许源映射,VSCode将调试TypeScript但是我无法在WebStorm上实现相同的功能.

我可以在WebStorm中轻松调试服务器端JavaScript,但不能调试TypeScript

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

更多信息……

src中的源.ts文件

打字稿版本: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

希望能帮助到你!

相关文章
相关标签/搜索