用Create应用程序在VSCode或Chrome中使用类型记录调试测试

Question

使用(https://github.com/Microsoft/TypeScript-React-Starter)创建一个应用程序

安装-g创建-反应-应用程序

创建-反应-应用程序-应用-应用-脚本-版本=反应-脚本-ts

我已经看过许多文章，好像在兜圈子，但我还没有找到如何调试默认的app.test.tsx

节点位于7.9.0版本上，其他所有内容都应该在最新版本上。

Answer 1

现在已经修好了。https://github.com/Microsoft/TypeScript-React-Starter/issues/46

1. 安装Node v8.5
2. 更新最新版本的App(或将App scripts ts更新为2.7)
3. 配置vscode调试器

​

    {
        "version": "0.2.0",
        "configurations": [
          {
            "name": "Debug CRA Tests",
            "type": "node",
            "request": "launch",
            "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts-ts",
            "runtimeArgs": [
              "--inspect-brk",
              "test"
            ],
            "args": [
              "--runInBand",
              "--no-cache",
              "--env=jsdom"
            ],
            "cwd": "${workspaceRoot}",
            "protocol": "inspector",
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
          }
        ]
      }

<!-- begin snippet: js hide: false console: true babel: false -->

​

1. 如果您使用的是类型记录2.5，请将其添加到项目https://github.com/nicolaserny/create-react-app-typescript/blob/master/packages/react-scripts/template/tsconfig.test.json中