ts-node-dev 依赖如何在vscode中添加debug调试。

Question

ts-node-dev 依赖如何在vscode中添加debug调试。

发布于
2020-02-09

这个寒假有点长想学习点新东西，所以就鼓捣起typescript ，但是在配置的过程中就遇到了问题。在开发过程中如何进行debug了。
先上代码：
package.json

{
  "name": "node",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.ts",
  "scripts": {
    "dev": "tsnd --respawn src/index.ts",
    "debug": "ts-node-dev --inspect=9230 --respawn --debug ./src/index.ts"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/node": "^13.7.0",
    "ts-node-dev": "^1.0.0-pre.44",
    "typescript": "^3.7.5"
  }
}

tsconfig.json 是使用 npx tsconfig.json自动生成的。

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "lib": [
      "dom",
      "es6",
      "es2017",
      "esnext.asynciterable"
    ],
    "sourceMap": true,
    "outDir": "./dist",
    "moduleResolution": "node",
    "removeComments": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "strictFunctionTypes": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "resolveJsonModule": true,
    "baseUrl": "."
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "./src/**/*.tsx",
    "./src/**/*.ts"
  ]
}

由于是调试所以vscode会自动生产.vscode内有launch.json文件，内容如下

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "attach",
            "name": "Typescript Server",
            "protocol": "inspector",
            "port": 9230,
            "restart": true,
            "localRoot": "${workspaceFolder}",
            "remoteRoot": "."
        }
    ]
}

这个launch.json中的配置我是找的ts-node-dev gitHub中的issue

当我npm run debug 之后再使用F5进行调试会出现下的问题（截图中有目录结构）
$YSL(AC}$9G\)JKEF\($AP]I{N.png$