使用VSCode或Chrome中的Typescript创建React App进行调试测试

1 回答

• 0

  这已经修复了 . https://github.com/Microsoft/TypeScript-React-Starter/issues/46

  • 安装Node v8.5

  • 更新到最新版本的Create-React-App（或将react-scripts-ts更新为2.7）

  • 使用配置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 -->
  

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

  回复于 2024-04-28T18:08:34+08:00